.htu-page{font-family:var(--font);background:var(--page-bg);min-height:100vh;padding-top:var(--total-header-h)}.htu-controls{background:var(--card-bg);border-bottom:1px solid var(--ds-border);position:-webkit-sticky;position:sticky;top:var(--total-header-h);z-index:100;transition:background .28s ease,border-color .28s ease}.htu-controls-inner{max-width:1280px;margin:0 auto;padding:var(--controls-py) var(--controls-px)}.htu-controls-inner,.htu-title-block{display:flex;align-items:center;grid-gap:10px;gap:10px}.htu-title-block{flex-direction:row}.htu-title-icon{width:32px;height:32px;border-radius:8px;background:var(--mt-green-dim);border:1px solid var(--mt-green-border);display:flex;align-items:center;justify-content:center;color:var(--mt-green);font-size:var(--fs-base);flex-shrink:0}.htu-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--t1);line-height:1}.htu-content{max-width:1280px;margin:0 auto;padding:var(--content-pt) var(--content-px) var(--content-pb)}.htu-desc{line-height:1.7;margin-bottom:24px;max-width:680px}.htu-desc,.htu-empty{font-size:var(--fs-base);color:var(--t3)}.htu-empty{padding:48px;text-align:center}.htu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px}.htu-card{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:10px;gap:10px;background:var(--card-bg);border:1px solid var(--ds-border);border-radius:var(--card-radius);padding:20px 12px;text-align:center;cursor:pointer;transition:border-color .18s ease,background .28s ease,box-shadow .18s ease}.htu-card:hover{border-color:var(--mt-green-border);box-shadow:0 4px 16px rgba(0,0,0,.08)}[data-theme=dark] .htu-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.3)}.htu-card-icon{width:44px;height:44px;border-radius:10px;background:var(--mt-green-dim);border:1px solid var(--mt-green-border);display:flex;align-items:center;justify-content:center;color:var(--mt-green);font-size:18px;flex-shrink:0}.htu-card-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--t1);line-height:1.3}.htu-overlay{position:fixed;inset:0;background:rgba(13,17,23,.72);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;animation:htuFadeIn .18s ease}@keyframes htuFadeIn{0%{opacity:0}to{opacity:1}}.htu-modal{background:var(--card-bg);border:1px solid var(--ds-border);border-radius:var(--modal-radius,18px);width:100%;max-width:760px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;animation:htuSlideIn .2s ease;box-shadow:0 24px 80px rgba(0,0,0,.28)}@keyframes htuSlideIn{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.htu-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ds-border);background:var(--card-head-bg);flex-shrink:0}.htu-modal-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--t1);margin:0}.htu-modal-close{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--ds-border);background:var(--card-bg);color:var(--t2);font-size:var(--fs-base);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.htu-modal-close:hover{background:var(--neg);color:#fff;border-color:var(--neg)}.htu-modal-body{padding:24px;overflow-y:auto;flex:1 1;font-size:var(--fs-base);color:var(--t2);line-height:1.75}.htu-modal-body h1,.htu-modal-body h2,.htu-modal-body h3,.htu-modal-body h4{color:var(--t1);margin:16px 0 8px;font-family:var(--font)}.htu-modal-body h2{font-size:var(--fs-xl)}.htu-modal-body h3{font-size:var(--fs-lg)}.htu-modal-body p{margin-bottom:10px}.htu-modal-body ol,.htu-modal-body ul{padding-left:20px;margin-bottom:10px}.htu-modal-body li{margin-bottom:5px}.htu-modal-body img{max-width:100%;border-radius:8px;margin:10px 0}.htu-modal-body a{color:var(--mt-green)}.htu-modal-body table{font-size:var(--fs-base);border-collapse:collapse;width:100%}.htu-modal-body table td,.htu-modal-body table th{padding:7px 10px;border:1px solid var(--ds-border);color:var(--t2)}.htu-modal-body table th{background:var(--card-head-bg);color:var(--t1)}.htu-modal-body b,.htu-modal-body strong{color:var(--t1)}@media (max-width:768px){.htu-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:640px){.htu-controls-inner{padding:10px 16px}.htu-content{padding:16px 16px 60px}.htu-grid{grid-gap:12px;gap:12px}.htu-overlay{padding:16px}.htu-modal{max-height:90vh}}.pc-controls{background:var(--card-bg);border-bottom:1px solid var(--ds-border);position:-webkit-sticky;position:sticky;top:var(--total-header-h);z-index:100;transition:background .28s ease,border-color .28s ease}.pc-inner{max-width:1280px;margin:0 auto;padding:var(--controls-py) var(--controls-px);flex-direction:row;grid-gap:12px;gap:12px}.pc-inner,.pc-title-block{display:flex;align-items:center}.pc-title-block{flex-direction:row;grid-gap:10px;gap:10px;flex:1 1;min-width:0}.pc-icon{width:32px;height:32px;border-radius:8px;background:var(--mt-green-dim);border:1px solid var(--mt-green-border);display:flex;flex-direction:row;align-items:center;justify-content:center;color:var(--mt-green);font-size:var(--fs-base);flex-shrink:0}.pc-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--t1);line-height:1;white-space:nowrap}.pc-right{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;flex-shrink:0}@media (max-width:640px){.pc-inner{padding:10px 16px;flex-wrap:wrap}}