:root{--ink:#05070d;--midnight:#0a1124;--midnight-soft:#101a36;--navy-hi:#1a2549;--bone:#e8e6df;--cream:#f5e6c2;--gold:#d9a23d;--gold-hi:#f0c96a;--gold-mid:#c08a2c;--gold-deep:#8a6520;--gold-glow:rgba(217,162,61,.06);--mist:#8a8c92;--mist-dim:#5b5f6a;--sage:#7a9a76;--ember:#c47b3d;--rose:#b85c6e;--rust:#9a4a3a;--hairline:rgba(217,162,61,.18);--hairline-soft:hsla(42,72%,86%,.08);--hairline-faint:hsla(42,72%,86%,.05);--el-mộc:#7a9a76;--el-hỏa:#c47b3d;--el-thổ:#d9a23d;--el-kim:#a8b2c8;--el-thủy:#7b8eaa;--font-display:"Cormorant Garamond",Georgia,serif;--font-ui:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,1,.3,1)}.app-shell{display:flex;width:100%;height:100%;background:var(--ink)}.app-sidebar{width:264px;flex-shrink:0;background:var(--midnight);border-right:1px solid var(--hairline-soft);flex-direction:column;z-index:5}.app-content,.app-sidebar{display:flex;position:relative}.app-content{flex:1;min-width:0;flex-direction:column}.sb-logo{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--hairline-soft)}.sb-brand-name{font-family:var(--font-display);font-size:22px;letter-spacing:.02em;color:var(--cream)}.sb-brand-name,.sb-brand-sub{font-weight:500;line-height:1}.sb-brand-sub{font-family:var(--font-ui);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-top:4px}.sb-nav{flex:1;padding:20px 12px;display:flex;flex-direction:column;gap:4px}.sb-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;transition:background .2s var(--ease),color .2s var(--ease);color:var(--bone)}.sb-row.is-active{background:rgba(217,162,61,.07);color:var(--cream)}.sb-row-bar{position:absolute;left:-1px;top:10px;bottom:10px;width:2px;border-radius:999px;background:var(--gold)}.sb-row-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--hairline-soft);color:var(--mist);flex-shrink:0}.sb-row-icon.is-active{border-color:rgba(217,162,61,.3);background:rgba(217,162,61,.1);color:var(--gold)}.sb-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sb-row-label{font-size:13.5px;font-weight:500;color:inherit}.sb-row-desc{font-size:10.5px;color:var(--mist)}.sb-foot{padding:16px;border-top:1px solid var(--hairline-soft);display:flex;flex-direction:column;gap:8px}.sb-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--hairline-soft);background:hsla(42,72%,86%,.03)}.sb-avatar{width:30px;height:30px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(217,162,61,.25);background:rgba(217,162,61,.1);color:var(--gold);font-family:var(--font-display);font-size:14px}.sb-user-name{font-size:13px;font-weight:500;color:var(--cream);line-height:1.2}.sb-user-meta{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:10.5px;color:var(--mist)}.sb-cta{border-radius:10px;border:1px solid rgba(217,162,61,.2);background:rgba(217,162,61,.06);color:var(--gold);cursor:pointer}.sb-cta,.sb-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px}.sb-logout{border-radius:10px;color:var(--mist)}.sb-credit{margin-top:8px;text-align:center;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist-dim)}.page-header{border-bottom:1px solid var(--hairline-soft);background:rgba(5,7,13,.55);backdrop-filter:blur(6px);padding:18px 0;position:sticky;top:0;z-index:4}.page-header-inner{max-width:1080px;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.page-header-eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:500}.app-content .shell{max-width:1080px;margin:0 auto;padding-left:20px;padding-right:20px}@media (min-width:640px){.app-content .shell{padding-left:32px;padding-right:32px}}@media (min-width:1024px){.app-content .shell{padding-left:56px;padding-right:56px}}.sales-artboard{width:100%;height:100%;container-type:inline-size;background:var(--ink);color:var(--bone);font-family:var(--font-ui);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow:hidden;isolation:isolate}.sales-artboard:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 50% at 18% 12%,rgba(217,162,61,.06) 0,transparent 60%),radial-gradient(ellipse 80% 50% at 82% 88%,rgba(100,90,160,.04) 0,transparent 60%)}.sales-artboard>*{position:relative;z-index:1}.sales-artboard em{font-style:italic;color:var(--cream)}.sales-artboard strong{color:var(--cream);font-weight:500}.han{font-family:var(--font-display);font-weight:400;letter-spacing:.02em}.app-top{justify-content:space-between;gap:24px;padding:18px 56px;border-bottom:1px solid var(--hairline-soft);background:linear-gradient(180deg,rgba(5,7,13,.95),rgba(5,7,13,.6));backdrop-filter:blur(6px)}.app-top,.app-top .brand{display:flex;align-items:center}.app-top .brand{gap:14px;font-family:var(--font-ui);font-size:12px;color:var(--mist);letter-spacing:.06em}.app-top .brand .mk{width:22px;height:22px;color:var(--gold)}.app-top .brand .name{color:var(--cream);font-family:var(--font-display);font-size:19px;font-weight:500}.app-top .brand .sep{opacity:.4}.app-top .brand .crumb{font-style:italic;color:var(--mist);font-family:var(--font-display);font-size:15px}.top-tabs{display:flex;gap:28px;font-family:var(--font-ui);font-size:12px;color:var(--mist);letter-spacing:.16em;text-transform:uppercase}.top-tabs .item{padding:6px 0;cursor:pointer}.top-tabs .item.active{color:var(--gold);border-bottom:1px solid var(--gold)}.top-tabs .item:hover{color:var(--cream)}.app-actions{display:flex;gap:10px;align-items:center}.profile-pill{gap:10px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--hairline-soft);font-size:12px;color:var(--bone)}.profile-pill,.profile-pill .avatar{display:inline-flex;align-items:center}.profile-pill .avatar{width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--gold-hi),var(--gold-deep));justify-content:center;color:var(--midnight);font-weight:600;font-size:11px;font-family:var(--font-display)}.eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-ui);font-size:10.5px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}.eyebrow .num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--gold-hi)}.eyebrow .han{color:var(--gold-mid);letter-spacing:.08em;text-transform:none;font-size:13px;font-style:italic}.eyebrow .rule{width:64px;height:1px;background:var(--hairline)}.cover-rings{position:absolute;pointer-events:none;opacity:.55}.cover-rings circle{fill:none;stroke:rgba(217,162,61,.08);stroke-width:1}.cover-rings line{stroke:rgba(217,162,61,.05);stroke-width:.5}.nd-link,.nd-reach{stroke-dasharray:180;stroke-dashoffset:180;animation:nd-thread-draw 1.1s var(--ease) forwards}.nd-pulse{transform-origin:center;animation:nd-node-pulse 2.4s var(--ease) infinite}.nd-orbit-node{transform-origin:200px 200px;animation:nd-orbit-rotate 9s linear infinite}@keyframes nd-thread-draw{to{stroke-dashoffset:0}}@keyframes nd-node-pulse{0%,to{opacity:.72}50%{opacity:1}}@keyframes nd-orbit-rotate{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.nd-link,.nd-orbit-node,.nd-pulse,.nd-reach{animation:none;stroke-dashoffset:0}}.btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;font-family:var(--font-ui);font-size:13px;font-weight:500;letter-spacing:.04em;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .2s var(--ease)}.btn-primary{background:linear-gradient(180deg,var(--gold-hi),var(--gold-mid));color:var(--midnight);border-color:hsla(42,72%,86%,.5);box-shadow:0 12px 36px -16px rgba(217,162,61,.55),inset 0 1px 0 hsla(0,0%,100%,.3)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--bone);border-color:var(--hairline)}.btn-ghost:hover{border-color:var(--gold);color:var(--cream)}.btn-gold-soft{background:rgba(217,162,61,.1);color:var(--gold);border-color:rgba(217,162,61,.3)}.btn-gold-soft:hover{background:rgba(217,162,61,.18)}.btn .arrow{transition:transform .2s var(--ease)}.btn:hover .arrow{transform:translateX(3px)}.han-numeral{font-weight:500;color:var(--gold);letter-spacing:-.02em}.han-numeral,.price-pill{font-family:var(--font-display)}.price-pill{display:inline-flex;align-items:baseline;gap:6px;color:var(--cream)}.price-pill .num{font-size:30px;font-weight:500;letter-spacing:-.02em}.price-pill .currency{font-family:var(--font-ui);font-size:12px;color:var(--mist);letter-spacing:.12em;text-transform:uppercase}.preview-frame{background:linear-gradient(180deg,rgba(10,17,36,.85),rgba(5,7,13,.7));border:1px solid var(--hairline);border-radius:2px;padding:26px;position:relative;overflow:hidden}.preview-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.6}.preview-watermark{position:absolute;bottom:14px;right:18px;font-size:9.5px;font-family:var(--font-ui);color:var(--mist-dim);letter-spacing:.28em;text-transform:uppercase}.bt-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}.bt-mini .pillar{background:var(--ink);padding:18px 8px 16px;display:flex;flex-direction:column;align-items:center;gap:4px}.bt-mini .pillar.day{background:linear-gradient(180deg,rgba(217,162,61,.06),var(--ink) 80%)}.bt-mini .pillar.day:before{content:"";position:absolute;height:2px;background:var(--gold)}.bt-mini .p-label{font-size:8px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.bt-mini .p-stem{font-family:var(--font-display);font-size:32px;font-weight:500;line-height:1}.bt-mini .p-stem-vi{font-family:var(--font-display);font-style:italic;font-size:11px;color:var(--bone);margin-top:2px}.bt-mini .p-divide{width:18px;height:1px;background:var(--hairline);margin:6px 0}.bt-mini .p-branch{font-family:var(--font-display);font-size:26px;line-height:1}.bt-mini .p-branch-vi{font-family:var(--font-display);font-style:italic;font-size:10px;color:var(--bone);margin-top:1px}.bt-mini .p-tg{margin-top:8px;padding-top:6px;border-top:1px dashed var(--hairline-soft);width:100%;text-align:center;font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}.bt-mini .pillar.day .p-tg{color:var(--gold)}.classical-quote{margin:0;padding:28px 32px;border-left:2px solid var(--gold);background:linear-gradient(90deg,var(--gold-glow),transparent 70%)}.classical-quote .cq-han{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--cream);line-height:1.4}.classical-quote .cq-zh{font-family:var(--font-display);font-size:15px;color:var(--gold-mid);margin-top:8px;letter-spacing:.08em}.classical-quote .cq-trans{font-family:var(--font-ui);font-size:13.5px;color:var(--bone);margin-top:14px;line-height:1.7;max-width:540px}.classical-quote .cq-src{font-family:var(--font-ui);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--mist);margin-top:14px}.classical-quote .cq-src .han{font-family:var(--font-display);font-style:italic;font-size:13px;color:var(--gold-mid);margin-left:8px;letter-spacing:.06em;text-transform:none}.co-thu-row{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--hairline-soft);border-radius:2px}.co-thu-row .book{padding:22px 18px;border-right:1px solid var(--hairline-soft);display:flex;flex-direction:column;gap:6px}.co-thu-row .book:last-child{border-right:0}.co-thu-row .book .han{font-family:var(--font-display);font-style:italic;font-size:22px;color:var(--gold);line-height:1}.co-thu-row .book .vi{font-family:var(--font-display);font-size:16px;color:var(--cream);font-weight:500;line-height:1.2;margin-top:4px}.co-thu-row .book .meta{font-size:10.5px;color:var(--mist);letter-spacing:.04em;margin-top:6px;line-height:1.5}.testimonial{padding:26px 28px;border:1px solid var(--hairline-soft);background:rgba(10,17,36,.35);border-radius:2px;display:flex;flex-direction:column;gap:16px}.testimonial .quote{font-family:var(--font-display);font-style:italic;font-size:18px;color:var(--bone);line-height:1.55;letter-spacing:.01em}.testimonial .quote:before{content:'"';font-family:var(--font-display);font-size:38px;line-height:.2;color:var(--gold);margin-right:4px;vertical-align:-10px}.testimonial .meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--mist);letter-spacing:.06em}.testimonial .meta .name{color:var(--cream);font-family:var(--font-display);font-style:italic;font-size:14px;letter-spacing:.02em}.testimonial .meta .dot{color:var(--gold-deep)}.counter{display:flex;flex-direction:column;gap:4px}.counter .v{font-family:var(--font-display);font-size:42px;font-weight:500;color:var(--gold);line-height:1;letter-spacing:-.02em}.counter .lbl{font-family:var(--font-ui);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mist)}.hairline-divider{height:1px;background:var(--hairline-soft);border:0}.shell{max-width:1120px;margin:0 auto;padding-left:56px;padding-right:56px}.ico{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}.concept-label{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-ui);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.concept-label .dot{width:6px;height:6px;border-radius:999px;background:var(--gold)}.phase-svg circle.outer{fill:none;stroke:var(--gold);stroke-opacity:.4}.phase-svg circle.disc{fill:var(--gold)}.phase-svg circle.cut{fill:var(--ink)}