:root{--gold:#e7c575;--violet:#c798df;--text:#f3eadc;--muted:#b7a992;--line:#d5ae6354;--wood:#66bd8d;--fire:#ee7967;--earth:#d7a55a;--metal:#dedbd2;--water:#74a8e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#08060c url('./BCCCDAF2-C8F0-45EB-88A4-00BE9C598ABE.png') center top/cover fixed;color:var(--text);font-family:"Noto Serif TC","PingFang TC",serif;font-size:16px}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 50% 10%,#5b28623d,transparent 33%),linear-gradient(180deg,#05040a66,#08050ed9 44%,#040307f7)}
.wrap{max-width:880px;margin:auto;padding:15px 14px 104px}.back{display:inline-flex;align-items:center;min-height:46px;color:#e7ca83;text-decoration:none}.hero{text-align:center;padding:35px 10px 25px}.hero small{color:#c093d2;letter-spacing:.34em}.hero h1{margin:12px 0 10px;font-size:36px;letter-spacing:.07em;background:linear-gradient(115deg,#f9e9ae,#d49adf 52%,#efc86e);-webkit-background-clip:text;color:transparent}.hero p{max-width:650px;margin:auto;color:#c0b29e;line-height:1.9}.hero-tags,.evidence-tags{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:15px}.hero-tags span,.tag{padding:6px 10px;border:1px solid #d2a45c3e;border-radius:999px;background:#1b1022c7;color:#d8c08f;font-size:.75rem}
.panel{--tone:var(--gold);position:relative;margin:16px 0;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#21142af5,#0a0710f7);box-shadow:0 20px 55px #0008;overflow:hidden}.panel:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--tone),transparent)}.tone-input{--tone:#e2bd67}.tone-story{--tone:#c798df}.tone-now{--tone:#e47b68}.tone-proof{--tone:#72adca}.panel-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}.mark{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid var(--tone);border-radius:50%;color:var(--tone);font-weight:800}.panel h2{margin:0;color:#f0d48d;font-size:1.35rem;letter-spacing:.1em}.sub{margin:4px 0 0;color:#a39682;font-size:.8rem;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:block;padding:12px;border:1px solid #d0a95a2b;border-radius:15px;background:#0503094a;color:#dbc79e;font-size:.9rem}.field span{display:block;margin-bottom:7px}.field small{display:block;margin-top:6px;color:#8d816f;font-size:.75rem;line-height:1.5}input,select,button{width:100%;min-height:51px;padding:13px;border:1px solid #755b39;border-radius:13px;background:#07060bed;color:#f8eee1;font:inherit}input:focus,select:focus{outline:0;border-color:#e8c572;box-shadow:0 0 0 3px #e8c5721e}.primary{margin-top:15px;border-color:#e6c16d;background:linear-gradient(120deg,#633653,#9b5361 50%,#573148);color:#fff1d0;font-weight:800;letter-spacing:.12em;box-shadow:0 10px 28px #511d405c}.notice{margin-top:11px;padding:11px 13px;border-radius:12px;background:#ffffff06;color:#a99b87;font-size:.8rem;line-height:1.75}.error{color:#e89889}.hidden{display:none!important}
.story-opening{padding:20px;border:1px solid #d7a5e04d;border-left:4px solid var(--violet);border-radius:16px;background:linear-gradient(120deg,#542d5a42,#110b18)}.story-opening small{color:#c49ad3;letter-spacing:.14em}.story-opening h2{margin:8px 0;color:#f5dc9f;font-size:1.55rem}.story-opening p{margin:0;color:#ded1bf;line-height:2}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.pillar{padding:10px 5px;border:1px solid #d9b46b32;border-radius:13px;background:#ffffff05;text-align:center}.pillar small{display:block;color:#9e907d;font-size:.7rem}.pillar b{display:block;margin:5px 0;color:#ebcf87;font-size:1.25rem}.pillar em{font-style:normal;color:#bbaa91;font-size:.68rem}
.chapter-list{display:grid;gap:12px}.chapter{position:relative;padding:18px;border:1px solid #d8b26a31;border-radius:16px;background:linear-gradient(135deg,#ffffff08,#ffffff03)}.chapter:before{content:attr(data-no);position:absolute;right:14px;top:9px;color:#d4a7e31f;font-size:2.8rem;font-weight:800}.chapter h3{position:relative;margin:0 0 9px;color:#ecd08b;font-size:1.08rem}.chapter p{position:relative;margin:0;color:#d7cab8;line-height:1.95}.chapter .proof{display:block;margin-top:10px;padding-top:9px;border-top:1px solid #ffffff10;color:#8f8371;font-size:.75rem;line-height:1.65}.chapter.action{border-left:3px solid #70b88d}.chapter.avoid{border-left:3px solid #df7969}.questions{margin:9px 0 0;padding-left:1.35em;color:#dacdbb;line-height:1.95}.questions li+li{margin-top:6px}.disclaimer{padding:14px;border:1px solid #c896dc33;border-radius:14px;background:#c896dc0a;color:#ad9eb6;line-height:1.8;font-size:.8rem}.evidence-box{color:#c9bdaa;line-height:1.9}.evidence-box b{color:#e7cc88}.evidence-box ul{padding-left:1.3em}.clear{margin-top:12px;border-color:#d0aa6245;background:#100b16;color:#d5bd89}
@media(max-width:620px){.wrap{padding:10px 11px 98px}.hero{padding:27px 7px 21px}.hero h1{font-size:1.8rem}.hero p{font-size:.9rem}.panel{padding:17px 14px;border-radius:20px}.grid{grid-template-columns:1fr}.pillars{gap:5px}.pillar{padding:9px 3px}.pillar b{font-size:1.05rem}.pillar em{font-size:.62rem}.story-opening{padding:16px}.story-opening h2{font-size:1.3rem}.chapter{padding:16px 14px}.th2-float{max-width:calc(100vw - 22px)}}
.causal-route{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin:0 0 15px;padding:12px;border:1px solid #c798df38;border-radius:14px;background:#c798df0a}.causal-route span{padding:6px 9px;border-radius:999px;background:#28162e;color:#e8cc91;font-size:.72rem}.causal-route i{color:#9366a3;font-style:normal}.chapter.repair{border-left:3px solid #e4bd66;background:linear-gradient(135deg,#e4bd6610,#ffffff03)}.chapter.counter{border-left:3px solid #76a9d5}.th2-float{left:auto!important;right:12px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:auto!important;min-width:0!important;max-width:148px!important;min-height:42px!important;padding:10px 14px!important;white-space:nowrap!important;font-size:12px!important}
.field-wide{grid-column:1/-1}.destiny-signature{margin:14px 0 16px;padding:16px;border:1px solid #e5c16d66;border-radius:17px;background:radial-gradient(circle at 90% 15%,#c798df24,transparent 36%),linear-gradient(135deg,#2b1932,#100b17)}.destiny-signature small{display:block;color:#c798df;letter-spacing:.12em}.destiny-signature h3{margin:8px 0 12px;color:#f4d995;font-size:1.2rem;line-height:1.55}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.signature-grid div{padding:10px;border:1px solid #d9b46b2e;border-radius:12px;background:#ffffff05}.signature-grid b{display:block;color:#e3ca8d;font-size:.75rem}.signature-grid span{display:block;margin-top:4px;color:#c8baa7;font-size:.84rem;line-height:1.55}
@media(max-width:620px){.causal-route{gap:5px;padding:10px 7px}.causal-route span{font-size:.66rem;padding:5px 7px}.signature-grid{grid-template-columns:1fr}.destiny-signature{padding:14px}.th2-float{right:10px!important;max-width:132px!important}}