.hn.tr{--hn-bg:transparent;--hn-card:#171c45;--hn-card-2:#121638;--hn-muted:#d8d0e6;--hn-soft:#bdb4d2;--hn-dim:#9d95b8;--hn-line:#d4b06a57;--hn-line-2:#d4b06a2e;--tr-gold:#d4b06a;--tr-gold-l:#e6c888;--tr-on-gold:#1a1532;--tr-ink:#f4ecdd;--tr-muted:#d8d0e6;--tr-soft:#bdb4d2;--tr-dim:#a29ab9;--tr-glass:#0e0c24cc;--tr-glass-2:#141130bd;--tr-glass-3:#1c1840d1;--tr-line:#d4b06a57;--tr-line-2:#d4b06a2e;--tr-rev:#f0a9b8;--tr-rev-line:#e992a699;--tr-rev-bg:#e992a61f;--tr-paper:#f4ecdd;--tr-paper-ink:#1f1b33;--tr-paper-soft:#5e5575;--tr-paper-hl:#eadbb6;--tr-seal:#2a2150;--tr-field:#080718b8;--tr-serif:"Noto Serif TC","Songti TC",serif;--tr-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:var(--tr-ink);background:0 0;line-height:1.6}.hn.tr .page{position:relative;overflow:clip visible}.hn.tr .page:before{content:none;display:none}.hn.tr .header{background:linear-gradient(#080718db,#080718a8)}.hn.tr .wrap{max-width:1200px;margin:0 auto;padding:0 16px}.hn.tr .eyebrow{letter-spacing:.3em;color:var(--tr-gold-l);font-size:12px}.hn.tr .fine{color:var(--tr-dim);margin:0;font-size:11px;line-height:1.7}.hn.tr .fine.center{text-align:center}.hn.tr .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hn.tr h1,.hn.tr h2,.hn.tr h3{font-family:var(--tr-serif);margin:0}.hn.tr a{color:var(--tr-gold-l)}.hn.tr a:hover{color:var(--tr-ink)}.hn.tr .card{background:var(--tr-glass);border:1px solid var(--tr-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 20px 50px #0000004d}.hn.tr .btn{background:var(--tr-gold);height:auto;min-height:52px;color:var(--tr-on-gold);font-family:var(--tr-serif);letter-spacing:.08em;text-align:center;cursor:pointer;border:0;border-radius:26px;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px 8px;padding:8px 26px;font-size:17px;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.hn.tr .btn:hover{background:var(--tr-gold-l);color:var(--tr-on-gold)}.hn.tr .btn[disabled]{opacity:.55;cursor:not-allowed}.hn.tr .btn .cost{font-family:var(--tr-sans);letter-spacing:0;opacity:.85;font-size:13px;font-weight:500}.hn.tr .btn-line{min-height:48px;color:var(--tr-gold-l);cursor:pointer;background:#0a091c59;border:1px solid #d4b06a8c;border-radius:24px;justify-content:center;align-items:center;gap:8px;padding:6px 18px;font-family:inherit;font-size:15px;line-height:1.3;text-decoration:none;display:inline-flex}.hn.tr .btn-line:hover{color:var(--tr-gold-l);background:#d4b06a1f}.hn.tr .btn-line[disabled]{opacity:.45;cursor:not-allowed}.hn.tr .btn-sm{border-radius:20px;min-height:40px;padding:6px 16px;font-size:14px}.hn.tr .relink{color:var(--tr-gold-l);cursor:pointer;background:0 0;border:0;align-self:center;padding:8px 4px;font-family:inherit;font-size:14px}.hn.tr .relink:hover{color:var(--tr-ink)}.hn.tr .relink[disabled]{opacity:.45;cursor:default}.hn.tr :is(.btn,.btn-line,.topic,.chip-s,.relink,summary):focus-visible{outline:2px solid var(--tr-gold-l);outline-offset:2px}.hn.tr .pill{border:1px solid var(--tr-line);color:var(--tr-gold-l);white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:12px}.hn.tr .tag{height:18px;font-family:var(--tr-sans);color:var(--tr-gold-l);white-space:nowrap;border:1px solid #d4b06a8c;border-radius:9px;align-items:center;padding:0 7px;font-size:11px;font-weight:400;line-height:1;display:inline-flex}.hn.tr .tag.rev{border-color:var(--tr-rev-line);background:var(--tr-rev-bg);color:var(--tr-rev)}.hn.tr .cb{width:100%;height:100%;color:var(--tr-gold-l);background:radial-gradient(circle,#e6c88880 0 5%,#0000 5.5%),radial-gradient(circle,#0000 0 15%,#e6c88866 15.5% 17%,#0000 17.5%),repeating-linear-gradient(45deg,#d4b06a1a 0 1.5px,#0000 1.5px 8px),repeating-linear-gradient(-45deg,#d4b06a1a 0 1.5px,#0000 1.5px 8px),linear-gradient(160deg,#2c2566 0%,#17133d 58%,#0e0b29 100%);border:1px solid #d4b06abf;border-radius:7px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000073}.hn.tr .cb:after{content:"";pointer-events:none;border:1px solid #d4b06a6b;border-radius:4px;position:absolute;inset:3px}.hn.tr .cb-emblem{width:58%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hn.tr .cf{background:linear-gradient(170deg,#f7efdd,#e6d6b3);border:1px solid #d4b06ae6;border-radius:8px;display:block;position:absolute;inset:0;overflow:hidden}.hn.tr .cf-fallback{text-align:center;color:#3a2e1a;border:1px solid #7a5a2666;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 4px;display:flex;position:absolute;inset:4px}.hn.tr .cf-fallback small{font-family:var(--tr-serif);letter-spacing:.08em;color:#7a5a26;font-size:11px}.hn.tr .cf-fallback b{font-family:var(--tr-serif);overflow-wrap:anywhere;font-size:13px;line-height:1.3}.hn.tr .cf-fallback svg{color:#b0873e}.hn.tr .cf-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hn.tr .cf-img.is-loading{background:linear-gradient(90deg,#2820501f,#28205042,#2820501f) 0 0/200% 100%;animation:1.6s linear infinite tr-shimmer}.hn.tr .tc{aspect-ratio:2/3;perspective:900px;width:100%;display:block;position:relative}.hn.tr .tc-in{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.3,1);display:block;position:absolute;inset:0}.hn.tr .tc.up .tc-in{transform:rotateY(180deg)}.hn.tr .tc-f{backface-visibility:hidden;border-radius:8px;display:block;position:absolute;inset:0}.hn.tr .tc-front{transform:rotateY(180deg)}.hn.tr .tc-art{transition:transform .6s cubic-bezier(.3,.7,.3,1) .6s;display:block;position:absolute;inset:0}.hn.tr .tc.up.rev .tc-art{transform:rotate(180deg)}.hn.tr .tc.static{border-radius:8px}.hn.tr .tc.static.rev .tc-art{transition:none;transform:rotate(180deg)}.hn.tr .hero{z-index:2;padding-top:18px;position:relative}.hn.tr .hero-grid{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""visual""copy""ask";justify-items:center;display:grid}.hn.tr .hero-eyebrow{text-shadow:0 1px 8px #000000b3;grid-area:eyebrow}.hn.tr .hero-visual{flex-direction:column;grid-area:visual;align-items:center;gap:6px;width:100%;max-width:300px;margin:8px 0 0;display:flex}.hn.tr .hero-visual figcaption{letter-spacing:.1em;color:var(--tr-muted);text-shadow:0 1px 6px #000c;font-size:11px}.hn.tr .hv-cards{width:220px;height:176px;position:relative}.hn.tr .hv-glow{pointer-events:none;background:radial-gradient(#e6c88842,#e6c88800 65%);width:240px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hn.tr .hv-card{aspect-ratio:2/3;transform-origin:50% 160%;width:88px;margin-left:-44px;position:absolute;top:22px;left:50%}.hn.tr .hv-card:nth-child(2){transform:rotate(-18deg)}.hn.tr .hv-card:nth-child(3){z-index:2;transform:translateY(-10px)}.hn.tr .hv-card:nth-child(4){transform:rotate(18deg)}.hn.tr .hv-card .cb{animation:5s ease-in-out infinite tr-float;box-shadow:0 12px 28px #0000008c}.hn.tr .hv-card:nth-child(3) .cb{animation-delay:-1.7s}.hn.tr .hv-card:nth-child(4) .cb{animation-delay:-3.3s}@keyframes tr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hn.tr .hero-copy{text-shadow:0 2px 14px #000000bf,0 1px 3px #0009;grid-area:copy;min-width:0;margin-top:4px}.hn.tr .hero-copy h1{letter-spacing:.04em;font-size:29px;font-weight:900;line-height:1.42}.hn.tr .hero-copy p{color:var(--tr-muted);margin:10px 0 0;font-size:15px;line-height:1.75}.hn.tr .ask{text-align:left;background:var(--tr-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #d4b06a6b;border-radius:18px;flex-direction:column;grid-area:ask;gap:14px;width:100%;min-width:0;margin-top:22px;padding:20px;display:flex;position:relative;box-shadow:0 20px 50px #00000059}.hn.tr .ask-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hn.tr .ask-head h2{font-size:19px}.hn.tr .ask-head span{color:var(--tr-soft);white-space:nowrap;font-size:12px}.hn.tr .topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hn.tr .topic{border:1px solid var(--tr-line);min-height:60px;color:var(--tr-ink);text-align:left;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:row;align-items:center;gap:10px;min-width:0;padding:10px 12px;font-family:inherit;display:flex}.hn.tr .topic[aria-pressed=true]{border:1.5px solid var(--tr-gold);background:#d4b06a29}.hn.tr .topic[disabled]{cursor:default;opacity:.7}.hn.tr .topic svg{flex-shrink:0}.hn.tr .topic>span{min-width:0}.hn.tr .topic b{font-size:15px;display:block}.hn.tr .topic small{color:var(--tr-soft);font-size:12px;line-height:1.4;display:block}.hn.tr .field{flex-direction:column;gap:8px;display:flex}.hn.tr .field label{color:var(--tr-gold-l);justify-content:space-between;gap:8px;font-size:14px;font-weight:500;display:flex}.hn.tr .field label span{color:var(--tr-soft);white-space:nowrap;font-size:12px;font-weight:400}.hn.tr textarea{background:var(--tr-field);width:100%;color:var(--tr-ink);font:16px/1.6 var(--tr-sans);resize:none;border:1px solid #d4b06a59;border-radius:12px;padding:12px 14px}.hn.tr textarea:focus{outline:2px solid var(--tr-gold);outline-offset:1px;border-color:#0000}.hn.tr textarea::placeholder{color:var(--tr-dim)}.hn.tr textarea[readonly]{opacity:.7}.hn.tr .field-foot{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hn.tr .count{color:var(--tr-dim);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.hn.tr .samples{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.hn.tr .chip-s{border:1px solid var(--tr-line-2);color:var(--tr-soft);text-align:left;cursor:pointer;background:0 0;border-radius:14px;padding:5px 11px;font-family:inherit;font-size:12px}.hn.tr .chip-s:hover:not([disabled]){border-color:var(--tr-gold);color:var(--tr-gold-l)}.hn.tr .pick-first{border:1px dashed var(--tr-line);color:var(--tr-soft);border-radius:12px;margin:0;padding:12px 14px;font-size:13px}.hn.tr .tr-method{border:1px dashed #d4b06a73;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hn.tr .tr-method-cards{flex-shrink:0;width:38px;height:40px;position:relative}.hn.tr .tr-method-cards .cb{border-radius:4px;width:24px;height:36px;position:absolute;top:2px}.hn.tr .tr-method-cards .cb:after{border-radius:2px;inset:2px}.hn.tr .tr-method-cards .cb:first-child{left:0;transform:rotate(-10deg)}.hn.tr .tr-method-cards .cb:last-child{left:12px;transform:rotate(8deg)}.hn.tr .tr-method b{color:var(--tr-gold-l);font-size:14px;display:block}.hn.tr .tr-method small{color:var(--tr-soft);font-size:12px;line-height:1.6;display:block}.hn.tr .ask .btn{width:100%}.hn.tr .ask-perks{color:var(--tr-soft);flex-wrap:wrap;justify-content:center;gap:4px 14px;font-size:12px;display:flex}.hn.tr .ask-perks i{color:var(--tr-gold-l);font-style:normal}.hn.tr #tr-block:empty{display:none}.hn.tr .notice{color:var(--tr-muted);overflow-wrap:anywhere;background:#d4b06a1a;border:1px solid #d4b06a66;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;line-height:1.7}.hn.tr .notice.warn{background:#e582551f;border-color:#e582558c}.hn.tr .notice p{margin:0}.hn.tr .notice p+p,.hn.tr .notice p+button,.hn.tr .notice p+a{margin-top:8px}.hn.tr .notice .kept{color:var(--tr-soft);font-size:12px}.hn.tr .notice-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.hn.tr .sec{z-index:1;margin-top:40px;scroll-margin-top:12px;position:relative}.hn.tr .tr-cap{display:block}.hn.tr .table{padding:18px 14px;display:block}.hn.tr .tb-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.hn.tr .tb-title{min-width:0}.hn.tr .tb-title h2{font-size:21px}.hn.tr .tb-q{color:var(--tr-soft);overflow-wrap:anywhere;margin:4px 0 0;font-size:13px}.hn.tr .tb-q b{color:var(--tr-ink);font-weight:500}.hn.tr .tb-meta{color:var(--tr-soft);margin:4px 0 0;font-size:12px}.hn.tr .tb-desc{color:var(--tr-muted);margin:6px 0 0;font-size:13px;line-height:1.7}.hn.tr .tb-actions{flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:10px;display:flex}.hn.tr .stage{flex-direction:column;align-items:center;gap:12px;padding-top:8px;display:flex}.hn.tr .deck{aspect-ratio:2/3;width:104px;margin:34px auto 18px;position:relative}.hn.tr .deck:before{content:"";pointer-events:none;background:radial-gradient(#e6c88838,#e6c88800 62%);width:300px;height:260px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hn.tr .deck:after{content:"";background:radial-gradient(closest-side,#0009,#0000);border-radius:50%;height:16px;position:absolute;bottom:-12px;left:6%;right:6%}.hn.tr .dk{left:calc(var(--k) * -.45px);top:calc(var(--k) * -.7px);width:100%;height:100%;position:absolute}.hn.tr .deck.run .dk{animation:1.6s cubic-bezier(.45,.05,.3,1) both tr-riffle;animation-delay:calc(var(--k) * 12ms)}.hn.tr .deck.run .dk.oh{animation-name:tr-overhand}@keyframes tr-riffle{0%{transform:none}20%{transform:translateX(calc(var(--side) * 62%)) rotate(calc(var(--side) * 8deg))}36%{transform:translateX(calc(var(--side) * 58%)) translateY(-5%) rotate(calc(var(--side) * -9deg))}54%{transform:translateX(calc(var(--side) * 7%)) translateY(-2%) rotate(calc(var(--side) * -2deg))}64%,to{transform:none}}@keyframes tr-overhand{0%{transform:none}20%{transform:translateX(calc(var(--side) * 62%)) rotate(calc(var(--side) * 8deg))}36%{transform:translateX(calc(var(--side) * 58%)) translateY(-5%) rotate(calc(var(--side) * -9deg))}54%{transform:translateX(calc(var(--side) * 7%)) translateY(-2%) rotate(calc(var(--side) * -2deg))}64%{transform:none}78%{transform:translate(-7%,-44%)rotate(-5deg)}90%{transform:translateY(-3%)rotate(1deg)}to{transform:none}}.hn.tr .stage-count{font-family:var(--tr-serif);color:var(--tr-gold-l);min-height:24px;margin:0;font-size:15px}.hn.tr .stage-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%;max-width:420px;display:flex}.hn.tr .stage .notice{width:100%;max-width:520px}.hn.tr .tb-body{flex-direction:column;gap:12px;min-width:0;margin-top:16px;display:flex}.hn.tr .board{--sw:84px;z-index:3;grid-template-columns:repeat(3, var(--sw));justify-content:center;gap:12px;display:grid;position:relative}.hn.tr .slot{grid-row:var(--row);grid-column:var(--col);flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.hn.tr .slot-card{aspect-ratio:2/3;border-radius:8px;width:100%}.hn.tr .slot[data-state=filled] .slot-card{box-shadow:0 10px 22px #00000073}.hn.tr .slot-empty{width:100%;height:100%;font-family:var(--tr-serif);color:var(--tr-dim);background:#08071659;border:1px dashed #d4b06a73;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex}.hn.tr .slot[data-state=next] .slot-empty{border-style:solid;border-color:var(--tr-gold);color:var(--tr-gold-l);background:#d4b06a1a;animation:1.8s ease-in-out infinite tr-pulse}@keyframes tr-pulse{0%,to{box-shadow:0 0 0 2px #d4b06a1f,0 0 12px #d4b06a2e}50%{box-shadow:0 0 0 4px #d4b06a33,0 0 24px #d4b06a5c}}.hn.tr .slot-lbl{text-align:center;flex-direction:column;align-items:center;gap:3px;max-width:100%;font-size:12px;line-height:1.35;display:flex}.hn.tr .slot-lbl b{color:var(--tr-gold-l);overflow-wrap:anywhere;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;font-weight:500;display:inline-flex}.hn.tr .slot-lbl .no{border:1px solid var(--tr-line);width:16px;height:16px;color:var(--tr-gold-l);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;line-height:1;display:inline-flex}.hn.tr .slot-lbl .nm{font-family:var(--tr-serif);color:var(--tr-ink);overflow-wrap:anywhere;font-size:13px}.hn.tr .next-pos{text-align:center;min-height:20px;color:var(--tr-gold-l);margin:0;font-size:13px}.hn.tr .fan{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;display:grid}.hn.tr .fc{aspect-ratio:2/3;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;animation:.45s ease-out backwards tr-deal;animation-delay:calc(var(--i) * 6ms);background:0 0;border:0;border-radius:5px;padding:0;display:block;position:relative}.hn.tr .fc .cb{border-radius:5px;transition:transform .15s,box-shadow .15s;position:absolute;inset:0}.hn.tr .fc .cb:after{border-radius:3px;inset:2px}.hn.tr .fc[data-picked]{visibility:hidden}.hn.tr .fc[disabled]{cursor:default}.hn.tr .fc:focus-visible{outline:2px solid var(--tr-gold-l);outline-offset:1px}.hn.tr .fc:active:not([disabled]) .cb{transform:scale(.94)}@media (hover:hover){.hn.tr .fc:hover:not([disabled]) .cb{box-shadow:0 0 0 1.5px var(--tr-gold-l), 0 8px 16px #00000080;transform:translateY(-3px)}}@keyframes tr-deal{0%{opacity:0;transform:translateY(-14px)scale(.86)}}@keyframes tr-fan-in{0%{opacity:0;transform:rotate(0)}}.hn.tr .legend{min-width:0}.hn.tr .legend h3{margin:4px 0 10px;font-size:16px}.hn.tr .legend ol{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hn.tr .legend li{border:1px solid var(--tr-line-2);background:#ffffff0a;border-radius:12px;gap:10px;padding:10px 12px;display:flex}.hn.tr .legend .n{border:1px solid var(--tr-gold);width:24px;height:24px;color:var(--tr-gold-l);font:500 12px/22px var(--tr-sans);text-align:center;border-radius:50%;flex-shrink:0}.hn.tr .legend li>div{min-width:0}.hn.tr .lg-top{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;display:flex}.hn.tr .lg-top b{font-family:var(--tr-serif);color:var(--tr-gold-l)}.hn.tr .lg-top .nm{font-family:var(--tr-serif);color:var(--tr-ink)}.hn.tr .lg-mean{color:var(--tr-soft);margin:2px 0 0;font-size:12.5px;line-height:1.6}.hn.tr .rs{flex-direction:column;gap:16px;max-width:820px;margin:0 auto;display:flex}.hn.tr .q-card{background:var(--tr-glass);border:1px solid var(--tr-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;min-width:0;padding:18px}.hn.tr .q-meta{color:var(--tr-soft);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:12px;display:flex}.hn.tr .q-meta .tag-t{color:var(--tr-gold-l);background:#d4b06a2e;border-radius:10px;padding:2px 10px}.hn.tr .q-title{overflow-wrap:anywhere;margin-top:10px;font-size:21px;line-height:1.5}.hn.tr .verdict{background:#d4b06a1f;border:1px solid #d4b06a61;border-radius:12px;margin-top:14px;padding:14px}.hn.tr .verdict small{color:var(--tr-gold);font-size:12px;display:block}.hn.tr .verdict b{font-family:var(--tr-serif);margin-top:2px;font-size:18px;line-height:1.55;display:block}.hn.tr .reading{min-width:0}.hn.tr .reading-head{text-shadow:0 1px 8px #000000b3;justify-content:space-between;align-items:baseline;gap:10px;margin:4px 2px 10px;display:flex}.hn.tr .reading-head h2{font-size:18px}.hn.tr .reading-head span{color:var(--tr-muted);text-align:right;font-size:12px}.hn.tr .chapters{flex-direction:column;gap:10px;display:flex}.hn.tr .chapter{background:var(--tr-paper);color:var(--tr-paper-ink);overflow-wrap:break-word;border-radius:14px;min-width:0;padding:16px 16px 18px;box-shadow:0 10px 28px #0000004d}.hn.tr .chapter h3{color:var(--tr-paper-ink);align-items:center;gap:8px;font-size:16px;line-height:1.4;display:flex}.hn.tr .chapter .n{background:var(--tr-seal);width:24px;height:24px;color:var(--tr-gold-l);font:500 12px var(--tr-sans);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hn.tr .chapter p{margin:8px 0 0;font-size:14px;line-height:1.85}.hn.tr .chapter strong{background:var(--tr-paper-hl);border-radius:3px;padding:0 3px;font-weight:700}.hn.tr .chapter a{color:#5b3f8a}.hn.tr .chapter h4,.hn.tr .chapter h5{font-family:var(--tr-serif);margin:12px 0 0;font-size:15px}.hn.tr .chapter ul{margin:8px 0 0;padding-left:1.2em;font-size:14px;line-height:1.8}.hn.tr .chapter ul li+li{margin-top:4px}.hn.tr .chapter.conc{border:2px solid var(--tr-gold)}.hn.tr .chapter ol{counter-reset:tr-s;flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.hn.tr .chapter ol li{counter-increment:tr-s;padding-left:32px;font-size:14px;line-height:1.75;position:relative}.hn.tr .chapter ol li:before{content:counter(tr-s);border:1.5px solid var(--tr-seal);width:22px;height:22px;color:var(--tr-seal);font:700 12px/19px var(--tr-sans);text-align:center;border-radius:50%;position:absolute;top:2px;left:0}.hn.tr .chapter ol li p{margin:0}.hn.tr .chapter.intro p:first-child{margin-top:0}.hn.tr .disc{text-align:center;color:var(--tr-muted);text-shadow:0 1px 6px #000c;margin:10px 2px 0;font-size:11px;line-height:1.7}.hn.tr .tr-ja-disc{border-color:var(--tr-line);background:var(--tr-glass);color:var(--tr-muted)}.hn.tr .loading{text-align:center;background:var(--tr-glass);border:1px solid var(--tr-line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:28px 18px}.hn.tr .ld-cards{justify-content:center;gap:10px;display:flex}.hn.tr .ld-cards .cb{border-radius:5px;width:34px;height:51px;animation:1.5s ease-in-out infinite tr-ld}.hn.tr .ld-cards .cb:after{border-radius:3px;inset:2px}.hn.tr .ld-cards .cb:nth-child(2){animation-delay:.25s}.hn.tr .ld-cards .cb:nth-child(3){animation-delay:.5s}@keyframes tr-ld{0%,to{transform:translateY(0);box-shadow:0 2px 6px #00000073}40%{transform:translateY(-8px);box-shadow:0 0 0 1px #e6c888b3,0 0 16px #e6c88873}}.hn.tr .loading p{color:var(--tr-muted);margin:14px 0 0;font-size:14px}.hn.tr .skel{opacity:.5;flex-direction:column;gap:8px;margin-top:16px;display:flex}.hn.tr .skel i{background:linear-gradient(90deg,#ffffff14,#ffffff2e,#ffffff14) 0 0/200% 100%;border-radius:5px;height:9px;animation:1.6s linear infinite tr-shimmer;display:block}@keyframes tr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hn.tr .fq-list{flex-direction:column;gap:10px;display:flex}.hn.tr .follow{background:var(--tr-glass);border:1px solid var(--tr-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex}.hn.tr .follow-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.hn.tr .follow-head h3{font-size:17px}.hn.tr .follow>p{color:var(--tr-soft);margin:0;font-size:13px;line-height:1.75}.hn.tr .fq{background:var(--tr-paper);color:var(--tr-paper-ink);overflow-wrap:break-word;border-radius:12px;padding:14px}.hn.tr .fq .fq-q{color:var(--tr-paper-soft);margin:0;font-size:14px;font-weight:700}.hn.tr .fq .fq-a{color:var(--tr-paper-ink);margin:6px 0 0;font-size:14px;line-height:1.8}.hn.tr .fq .fq-a p{margin:6px 0 0}.hn.tr .fq .fq-a>:first-child{margin-top:0}.hn.tr .fq .fq-a strong{background:var(--tr-paper-hl);border-radius:3px;padding:0 3px}.hn.tr .fq .fq-a ol,.hn.tr .fq .fq-a ul{margin:6px 0 0;padding-left:1.3em}.hn.tr .follow .row-end{justify-content:space-between;align-items:center;gap:10px;display:flex}.hn.tr .follow .btn{min-height:46px;padding:6px 20px;font-size:15px}.hn.tr .follow>.btn{align-self:flex-start}.hn.tr .actions{background:var(--tr-glass-2);border:1px solid var(--tr-line-2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.hn.tr .act-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hn.tr .act-row:has(.panel-ink){grid-template-columns:minmax(0,1fr)}.hn.tr .act-row>.btn-line{width:100%}.hn.tr .tr-share{min-width:0}.hn.tr .tr-share>div:not(.panel-ink){width:100%;display:flex}.hn.tr .tr-share>div:not(.panel-ink)>button{width:100%;min-height:48px;color:var(--tr-gold-l);background:#0a091c59;border:1px solid #d4b06a8c;border-radius:24px;justify-content:center;font-size:15px}.hn.tr .tr-share>div:not(.panel-ink)>button:hover{background:#d4b06a1f}.hn.tr .tr-share .panel-ink{background:var(--tr-glass-3);border:1px solid var(--tr-line);border-radius:14px;margin-top:0;padding:14px}.hn.tr .tr-share .panel-ink a,.hn.tr .tr-share .panel-ink button{color:var(--tr-gold-l);border-radius:8px}.hn.tr .about-sec{margin-bottom:56px}.hn.tr .about{max-width:920px;margin:0 auto;padding:20px 18px}.hn.tr .about h2{font-size:20px;line-height:1.45}.hn.tr .about>p{color:var(--tr-muted);margin:12px 0 0;font-size:14px;line-height:1.85}.hn.tr .about h3{color:var(--tr-gold-l);margin-top:22px;font-size:16px}.hn.tr .faq{flex-direction:column;gap:8px;margin-top:8px;display:flex}.hn.tr .faq details{border:1px solid var(--tr-line-2);background:#ffffff08;border-radius:12px;padding:0 14px}.hn.tr .faq summary{cursor:pointer;color:var(--tr-ink);justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;list-style:none;display:flex}.hn.tr .faq summary::-webkit-details-marker{display:none}.hn.tr .faq summary:after{content:"＋";color:var(--tr-gold-l)}.hn.tr .faq details[open] summary:after{content:"－"}.hn.tr .faq details p{color:var(--tr-soft);margin:0 0 12px;font-size:13px;line-height:1.8}.hn.tr .related{margin:8px 0 0;padding-left:1.2em;font-size:14px;line-height:1.9}.hn.tr.tr-ja h1,.hn.tr.tr-ja h2,.hn.tr.tr-ja h3,.hn.tr.tr-ja .topic b{word-break:auto-phrase}.hn.tr.tr-en .hero-copy h1{letter-spacing:0}.hn.tr.tr-en .topic b{font-size:14px}@container hn (width<=379px){.hn.tr .ask{padding:16px}.hn.tr .topic{padding:10px}.hn.tr .table{padding:16px 12px}.hn.tr .board{--sw:80px;gap:10px}}@container hn (width<=639px){.hn.tr .board[data-layout=pick]{z-index:6;border-bottom:1px solid var(--tr-line-2);background:#0c0a20f0;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 -14px;padding:10px 14px 8px;position:sticky;top:0}.hn.tr .board[data-layout=pick] .slot{grid-row:1;grid-column:var(--pc);gap:4px}.hn.tr .board[data-layout=pick] .slot-lbl{-webkit-hyphens:auto;hyphens:auto;font-size:10.5px}.hn.tr .board[data-layout=pick] .slot-lbl .no{display:none}.hn.tr .board[data-layout=pick] .slot-empty{font-size:14px}.hn.tr .act-row{grid-template-columns:minmax(0,1fr)}}@container hn (width<=379px){.hn.tr .board[data-layout=pick]{margin:0 -12px;padding:8px 12px}}@container hn (width>=480px){.hn.tr .fan{grid-template-columns:repeat(13,minmax(0,1fr))}}@container hn (width>=640px){.hn.tr .table{padding:22px 20px}.hn.tr .board{--sw:100px;gap:14px 18px}.hn.tr .board[data-layout=pick]{--sw:68px;gap:10px 14px}.hn.tr .deck{width:124px}.hn.tr .stage-actions{flex-direction:row;justify-content:center}.hn.tr .stage-actions .btn{flex:auto}}@container hn (width>=768px){.hn.tr .fan{grid-template-columns:repeat(13,minmax(0,52px));justify-content:center;gap:6px}}@container hn (width>=768px) and (width<=1023px){.hn.tr .wrap{padding:0 40px}.hn.tr .ask{max-width:600px}}@container hn (width>=900px){.hn.tr .tb-body.is-show{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:36px;display:grid}.hn.tr .tb-body.is-show .legend{max-width:520px}}@container hn (width>=1024px){.hn.tr .wrap{padding:0 80px}.hn.tr .hero{padding-top:0}.hn.tr .hero-grid{text-align:left;grid-template:"eyebrow visual""copy visual""ask visual"1fr/minmax(0,600px) minmax(300px,1fr);justify-items:start;column-gap:56px;padding-top:64px}.hn.tr .hero-visual{grid-row:1/span 3;place-self:start center;max-width:420px;margin-top:56px}.hn.tr .hv-cards{width:340px;height:280px}.hn.tr .hv-glow{width:380px;height:320px}.hn.tr .hv-card{width:138px;margin-left:-69px;top:40px}.hn.tr .hero-visual figcaption{font-size:12px}.hn.tr .hero-copy h1{font-size:50px;line-height:1.3}.hn.tr.tr-en .hero-copy h1{font-size:40px}.hn.tr.tr-ja .hero-copy h1{font-size:44px}.hn.tr .hero-copy p{max-width:600px;font-size:17px}.hn.tr .ask{margin-top:28px}.hn.tr .topics{grid-template-columns:repeat(4,minmax(0,1fr))}.hn.tr .topic{flex-direction:column;align-items:flex-start;gap:6px;min-height:52px}.hn.tr .sec{margin-top:64px}.hn.tr .table{padding:26px 28px}.hn.tr .board{--sw:112px}.hn.tr .board[data-layout=pick]{--sw:64px;gap:8px 12px}.hn.tr .deck{width:136px}.hn.tr .q-card{padding:22px}.hn.tr .q-title{font-size:25px}.hn.tr .about{padding:28px 32px}@media (hover:hover) and (pointer:fine){.hn.tr .fan{--cw:60px;--r:600px;height:250px;display:block;position:relative}.hn.tr .fc{width:var(--cw);margin-left:calc(var(--cw) / -2);transform-origin:50% calc(100% + var(--r));transform:rotate(var(--a));animation:.75s cubic-bezier(.2,.7,.2,1) backwards tr-fan-in;animation-delay:calc(var(--i) * 5ms);transition:transform .2s;position:absolute;top:26px;left:50%}.hn.tr .fc:hover:not([disabled]),.hn.tr .fc:focus-visible{transform:rotate(var(--a)) translateY(-18px)}.hn.tr .fc:hover:not([disabled]) .cb{box-shadow:0 0 0 1.5px var(--tr-gold-l), 0 0 18px #e6c88866;transform:none}.hn.tr .fc:focus-visible{outline:none}.hn.tr .fc:focus-visible .cb{box-shadow:0 0 0 2px var(--tr-gold-l), 0 0 18px #e6c88866}}}@container hn (width>=1280px){.hn.tr .tb-body.is-pick{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"board next""board fan";align-items:center;gap:4px 28px;display:grid}.hn.tr .tb-body.is-pick .board{grid-area:board}.hn.tr .tb-body.is-pick .next-pos{grid-area:next;align-self:end}.hn.tr .tb-body.is-pick .fan{grid-area:fan}}@media (prefers-reduced-motion:reduce){.hn.tr .hv-card .cb,.hn.tr .deck.run .dk,.hn.tr .fc,.hn.tr .slot[data-state=next] .slot-empty,.hn.tr .ld-cards .cb,.hn.tr .skel i,.hn.tr .cf-img.is-loading{animation:none}.hn.tr .tc-in,.hn.tr .tc-art,.hn.tr .fc,.hn.tr .fc .cb{transition:none}}
