.hero-page{align-items:flex-end;width:100%;min-height:100svh;padding-bottom:40%;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(#0000 0%,#00000040 40%,#000000b8 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;padding:48px 24px 56px;position:relative}.hero-title{color:#fff;margin:0 0 16px;font-size:clamp(2rem,5vw,3.2rem);line-height:1.2}.hero-page .hero-title.fx-metallic-shine{background:linear-gradient(115deg,#fff 40%,#ecd78a 50%,#fff 60%) 100% 0/250% 100%;background:linear-gradient(115deg,#fff 40%,lab(86.535% -.357658 40.9472) 50%,#fff 60%) 100% 0/250% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3.6s ease-in-out infinite hero-dong-2-shine}.hero-page .hero-title.fx-metallic-shine:after{display:none}@media (prefers-reduced-motion:reduce){.hero-page .hero-title.fx-metallic-shine{animation:none}}@media (forced-colors:active){.hero-page .hero-title.fx-metallic-shine{-webkit-text-fill-color:currentColor}}.hero-sub{color:#ffffffd9;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}@media (min-width:768px){.hero-content{padding:80px 64px 72px}}.td-shell{max-width:1360px;margin:0 auto;padding:clamp(24px,3vw,44px) clamp(16px,3vw,32px) clamp(36px,5vw,56px)}.td-grid{grid-template-columns:1fr 1.12fr;align-items:start;gap:clamp(28px,4vw,52px);margin-bottom:clamp(20px,3vw,32px);display:grid}.td-eyebrow{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:#805300;color:lab(39.5037% 16.1012 54.9966);margin:0 0 14px;font-size:12px}.td-title{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:700;line-height:1.2}.td-title-accent{background:linear-gradient(95deg,#694500 0%,#ad7200 18%,#cf961d 32%,#fdf6d8 50%,#cf961d 68%,#ad7200 82%,#694500 100%) 0 0/200%;background:linear-gradient(95deg,lab(32.6106% 13.2123 50.9421) 0%,lab(53.4122% 18.692 61.94) 18%,lab(66.371% 14.9163 65.0332) 32%,lab(96.7474% -.887305 15.4871) 50%,lab(66.371% 14.9163 65.0332) 68%,lab(53.4122% 18.692 61.94) 82%,lab(32.6106% 13.2123 50.9421) 100%) 0 0/200%;color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:10s ease-in-out infinite td-shimmer}.td-sub{color:var(--fg-muted);max-width:56ch;margin:0 0 20px;font-size:14px;line-height:1.7}.td-search-wrap{margin-bottom:20px;position:relative}.td-search-label{letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:8px;font-size:11px;display:block}.td-search-box{position:relative}.td-search{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--fg);border-radius:12px;padding:12px 44px 12px 16px;font-size:14.5px;transition:border-color .22s,box-shadow .22s}@media (max-width:768px){.td-search{font-size:16px}}.td-search:focus{border-color:#ad720099;border-color:lab(53.4122% 18.692 61.94/.6);box-shadow:0 0 0 4px #ad72001f;box-shadow:0 0 0 4px lab(53.4122% 18.692 61.94/.12)}.td-search-clear{background:var(--bg-subtle);width:28px;height:28px;color:var(--fg-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.td-search-clear:hover{color:var(--fg);background:#ad720026;background:lab(53.4122% 18.692 61.94/.15)}.td-search-clear:before{content:"";position:absolute;inset:-8px}.td-suggest{z-index:30;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;max-height:320px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000024;box-shadow:0 12px 30px lab(0% 0 0/.14)}.td-suggest-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:10px 12px;transition:background .18s;display:flex}.td-suggest-item:hover,.td-suggest-item:focus-visible{background:#ecd78a1f;background:lab(86.535% -.357658 40.9472/.12)}.td-suggest-name{color:var(--fg);font-size:14px;font-weight:600}.td-suggest-area{color:var(--fg-muted);text-align:right;font-size:11.5px;font-style:italic}.td-summary{color:#d9e0dd;color:lab(88.5043% -2.70104 .292492);background:linear-gradient(135deg,#00271d 0%,#001710 100%);background:linear-gradient(135deg,lab(12.6183% -21.4817 2.23628) 0%,lab(5.77406% -11.8977 1.42851) 100%);border:1px solid #ad720066;border:1px solid lab(53.4122% 18.692 61.94/.4);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;animation:.38s cubic-bezier(.22,.61,.36,1) td-fade-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #0000002e;box-shadow:0 12px 32px lab(0% 0 0/.18)}.td-summary:before{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ecd78a14 50%,#0000 70%);background:linear-gradient(115deg,#0000 30%,lab(86.535% -.357658 40.9472/.08) 50%,#0000 70%);animation:3.6s ease-in-out .4s td-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes td-sweep{to{transform:translate(100%)}}@keyframes td-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.td-summary-label{letter-spacing:.16em;text-transform:uppercase;color:#ad7200;color:lab(53.4122% 18.692 61.94);margin:0 0 3px;font-size:10px}.td-summary-name{font-family:var(--font-display);color:#e5f6f1;color:lab(95.6208% -6.76882 .731897);margin:0 0 3px;font-size:20px;font-weight:700}.td-summary-area{color:#a0a6a4;color:lab(67.6243% -2.70224 .29254);margin:0;font-size:12px;font-style:italic}.td-summary-score{border-top:1px solid #ffffff1f;border-top:1px solid lab(100% -.0000298023 .0000119209/.12);border-bottom:1px solid #ffffff1f;border-bottom:1px solid lab(100% -.0000298023 .0000119209/.12);align-items:baseline;gap:12px;padding:12px 0;display:flex}.td-summary-num{font-family:var(--font-display);background:linear-gradient(160deg,#ecd78a 0%,#fdf6d8 45%,#e1b850 70%,#ad7200 100%);background:linear-gradient(160deg,lab(86.535% -.357658 40.9472) 0%,lab(96.7474% -.887305 15.4871) 45%,lab(77.0995% 6.67223 57.0568) 70%,lab(53.4122% 18.692 61.94) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;line-height:1}.td-summary-max{color:#a9b0ad;color:lab(71.1043% -2.70203 .29254);margin-left:4px;font-size:16px}.td-summary-note{color:#a9b0ad;color:lab(71.1043% -2.70203 .29254);flex:1;margin:0;font-size:11.5px;line-height:1.55}.td-summary-hint-label{letter-spacing:.14em;text-transform:uppercase;color:#ad7200e6;color:lab(53.4122% 18.692 61.94/.9);margin:0 0 4px;font-size:10px}.td-summary-hint-txt{color:#d2d9d7;color:lab(86.1843% -2.70113 .292504);margin:0;font-size:12.5px;font-style:italic;line-height:1.6}.td-summary-cta{color:#1e1400;color:lab(7.25264% 4.7816 13.859);z-index:1;background:linear-gradient(135deg,#ad7200 0%,#ecd78a 100%);background:linear-gradient(135deg,lab(53.4122% 18.692 61.94) 0%,lab(86.535% -.357658 40.9472) 100%);border-radius:10px;align-self:flex-start;padding:9px 16px;font-size:12.5px;font-weight:700;text-decoration:none;transition:transform .24s,box-shadow .24s;position:relative}.td-summary-cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ad720073;box-shadow:0 8px 22px lab(53.4122% 18.692 61.94/.45)}.td-empty{background:var(--bg-subtle);border:1px dashed var(--border);border-radius:12px;padding:18px 20px}.td-empty p{color:var(--fg-muted);margin:0;font-size:13px;font-style:italic;line-height:1.65}.td-radar-wrap{aspect-ratio:600/440;width:100%;position:relative}.td-radar-label{pointer-events:none;transition:fill .22s,font-weight .22s}.td-spoke{transition:stroke .22s,stroke-opacity .22s,stroke-width .22s}.td-ring-outer{animation:5s ease-in-out infinite td-ring-breathe}.td-center-dot{transform-origin:50%;transform-box:fill-box;animation:3s ease-in-out infinite td-center-pulse}.td-area-fill{transform-origin:50%;transform-box:fill-box;animation:.72s cubic-bezier(.22,.61,.36,1) td-area-in}.td-dot-halo{transform-origin:50%;transform-box:fill-box;animation:1.6s ease-in-out infinite td-halo-pulse}.td-tooltip{-webkit-backdrop-filter:blur(14px);color:#d9e0dd;color:lab(88.5043% -2.70104 .292492);pointer-events:none;z-index:10;background:#000d08f5;background:lab(2.72371% -5.74654 .691953/.96);border:1px solid #ad720080;border:1px solid lab(53.4122% 18.692 61.94/.5);border-radius:14px;width:310px;max-width:88%;padding:16px 18px;animation:.22s cubic-bezier(.22,.61,.36,1) td-tip-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 36px #0006,0 0 0 1px #ecd78a1f,inset 0 1px #ecd78a2e;box-shadow:0 12px 36px lab(0% 0 0/.4),0 0 0 1px lab(86.535% -.357658 40.9472/.12),inset 0 1px lab(86.535% -.357658 40.9472/.18)}.td-tooltip-name{font-family:var(--font-display);color:#ecd78a;color:lab(86.535% -.357658 40.9472);margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.3}.td-tooltip-std{letter-spacing:.12em;text-transform:uppercase;color:#ad7200;color:lab(53.4122% 18.692 61.94);margin:0 0 10px;font-size:10px}.td-tooltip-q{color:#bfc6c4;color:lab(79.2243% -2.70149 .292504);margin:0;font-size:12px;font-style:italic;line-height:1.65}.td-tooltip-score{border-top:1px solid #ffffff1f;border-top:1px solid lab(100% -.0000298023 .0000119209/.12);align-items:flex-start;gap:10px;margin-top:12px;padding-top:10px;display:flex}.td-tooltip-meaning{color:#c9cfcd;color:lab(82.7043% -2.70131 .292504);flex:1;font-size:11.5px;line-height:1.55}.td-table-section{margin-top:8px}.td-table-toggle{border:1px solid var(--border);background:var(--bg-card);width:100%;color:var(--fg-muted);letter-spacing:.04em;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:600;transition:border-color .22s,color .22s,box-shadow .22s,background .22s;display:flex}.td-table-toggle:hover{color:var(--fg);background:#ecd78a0d;background:lab(86.535% -.357658 40.9472/.05);border-color:#ad72008c;border-color:lab(53.4122% 18.692 61.94/.55);box-shadow:0 4px 16px #ad72001f;box-shadow:0 4px 16px lab(53.4122% 18.692 61.94/.12)}.td-toggle-arrow{color:#ad7200;color:lab(53.4122% 18.692 61.94);font-size:16px;transition:transform .34s cubic-bezier(.22,.61,.36,1);display:inline-block}.td-toggle-open{transform:rotate(180deg)}.td-table-panel{margin-top:16px;animation:.32s cubic-bezier(.22,.61,.36,1) td-fade-in}.td-table-wrap{border:1px solid var(--border);background:var(--bg-card);border-radius:14px;overflow:hidden;box-shadow:0 6px 20px #0000000a;box-shadow:0 6px 20px lab(0% 0 0/.04)}.td-table{border-collapse:collapse;width:100%;font-size:13.5px}.td-table thead th{background:var(--bg-subtle);border-bottom:1px solid var(--border);text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);padding:14px 12px;font-size:11px;font-weight:600}.td-table td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--fg);padding:14px 12px;line-height:1.6}.td-table tr:last-child td{border-bottom:none}.td-td-idx{font-family:var(--font-display);color:#ad7200;color:lab(53.4122% 18.692 61.94);width:40px;font-size:15px;font-weight:700}.td-td-chuan{color:var(--fg-muted);width:200px;font-size:12px;font-style:italic}.td-td-hoi{color:var(--fg-muted);min-width:260px}.td-td-diem{text-align:center;width:90px}.td-td-ynghia{min-width:220px;font-weight:500}.td-row-empty .td-td-ynghia{color:var(--fg-dim);font-style:italic}.td-diem-badge{font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:4px 8px;font-size:13px;font-weight:700;display:inline-flex}.td-diem-5{color:#001c0c;color:lab(7.84433% -13.5283 6.66311);background:#57bc80;background:lab(69.2183% -41.2547 21.2454)}.td-diem-4{color:#072614;color:lab(12.4892% -15.9542 8.22209);background:#88c99e;background:lab(75.6732% -28.2312 14.4992)}.td-diem-3{color:#3a2c01;color:lab(18.9065% 3.609 26.3884);background:#e8d6ab;background:lab(86.3039% 1.62846 23.7676)}.td-diem-2{color:#4f2700;color:lab(20.7549% 17.3434 32.0016);background:#f7bd8f;background:lab(81.1704% 17.1425 31.8508)}.td-diem-1{color:#55120b;color:lab(17.8454% 30.9839 22.9082);background:#fda293;background:lab(75.8332% 33.0458 22.4521)}.td-diem-empty{color:var(--fg-dim);font-style:italic}.td-note{background:var(--bg-subtle);color:var(--fg-muted);border-left:3px solid #ad7200;border-left:3px solid lab(53.4122% 18.692 61.94);border-radius:6px;margin:20px 0 0;padding:14px 18px;font-size:13px;line-height:1.7}.td-note code{background:var(--bg-card);border:1px solid var(--border);font-size:12px;font-family:var(--font-mono,monospace);border-radius:4px;padding:1px 6px}@keyframes td-shimmer{0%,72%{background-position:200%}88%,to{background-position:-200%}}@keyframes td-area-in{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes td-ring-breathe{0%,to{stroke-opacity:.3}50%{stroke-opacity:.5}}@keyframes td-center-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes td-halo-pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.4;transform:scale(1.25)}}@keyframes td-tip-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:900px){.td-grid{grid-template-columns:1fr}.td-radar-wrap{max-width:560px;margin:0 auto}.td-table thead th,.td-table td{padding:10px 8px;font-size:12.5px}.td-td-chuan{width:auto}.td-tooltip{width:280px}}@media (max-width:560px){.td-table{white-space:nowrap;display:block;overflow-x:auto}.td-table thead th,.td-table td{white-space:normal;min-width:120px}.td-tooltip{width:240px;padding:14px 16px}.td-tooltip-name{font-size:15px}}@media (prefers-reduced-motion:reduce){.td-summary,.td-summary:before,.td-summary-cta,.td-search,.td-suggest-item,.td-title-accent,.td-radar-label,.td-spoke,.td-ring-outer,.td-center-dot,.td-area-fill,.td-dot-halo,.td-tooltip,.td-table-toggle,.td-toggle-arrow,.td-table-panel{transition:none!important;animation:none!important}.td-summary-cta:hover{transform:none}}