/* 剑心犹在: an original split-mask emblem, spirit jade and ancestral gold. */
:root{--bg:#0a1112;--panel:#121d1e;--panel2:#1a2727;--ink:#eeeae0;--muted:#a0b2ae;--line:#30403e;--mint:#8ce9cf;--orange:#edaf86;--gold:#d8c29a}
body{background:radial-gradient(ellipse at 78% 10%,#8ce9cf07,transparent 34%),var(--bg)}
.header{background:#0a1112ed;border-bottom-color:#d8c29a1c}
.brand{gap:10px;letter-spacing:-.9px;font-weight:650}
.brand svg{width:38px;height:42px;filter:drop-shadow(0 0 9px #8ce9cf18)}
.brand-translation{display:block;font-size:9px;font-weight:400;letter-spacing:3.5px;color:var(--gold);line-height:1.2;margin-top:3px}
.nav-links{color:#b6c4bf}.nav-account .button-outline{border-color:#d8c29a55}
.button{border-radius:3px}.button-primary{color:#0b2620;box-shadow:0 0 28px #8ce9cf0a}
.button-primary:hover{background:#b4f6e2}.button-outline{border-color:#d8c29a66}
.button-outline:hover{background:#8ce9cf08}.button-quiet{background:#8ce9cf12}
.eyebrow{color:#acbcb7}.status-dot{box-shadow:0 0 12px #8ce9cf44}
.hero{padding-top:74px;padding-bottom:74px;gap:52px;position:relative}
.hero-copy{position:relative;z-index:1}.hero-copy>.eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:2px}
.blade-prelude{display:flex;align-items:center;gap:13px;margin-bottom:18px;color:#ab9e85;font-size:12px;letter-spacing:2px}
.blade-seal{color:#e4b2a0;border:1px solid #986a54;padding:3px 5px;font-family:"Songti SC","STSong",serif;font-size:13px;letter-spacing:3px;line-height:1.3;background:#a761430c}
.hero h1{font-size:clamp(42px,4.1vw,58px);line-height:1.32;letter-spacing:-1.8px;margin-bottom:22px}
.blade-title{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;color:var(--gold);font-weight:500;letter-spacing:1px}
.hero-description{color:#acbdb7;font-size:15px}.hero-note{color:#8a9e98}
.hero-metrics{border-top-color:#d8c29a33;margin-top:36px;padding-top:24px}.hero-metrics strong{color:var(--gold)}
.hero-metrics strong span{color:#b6c4bf}.hero-metrics small{color:#91a7a0}
.demo-wrap{isolation:isolate}.demo-wrap:before{background:radial-gradient(ellipse,#8ce9cf0d,transparent 70%)}
.spirit-art{position:absolute;right:-24px;top:-75px;width:265px;height:265px;z-index:-1;pointer-events:none}
.spirit-art>svg{position:absolute;width:192px;height:192px;left:36px;top:15px;opacity:.14;transform:rotate(-8deg)}
.spirit-orbit{position:absolute;inset:0;border:1px solid #d8c29a20;border-radius:50%}
.spirit-orbit:before{content:"";position:absolute;inset:22px;border:1px solid #8ce9cf19;border-radius:50%}
.spirit-orbit:after{content:"";position:absolute;top:50%;left:-50px;right:-20px;height:1px;background:linear-gradient(90deg,transparent,#8ce9cf70,transparent);transform:rotate(-35deg)}
.demo-label{color:#cbd6ce}.demo-label>span:last-child{color:#96aaa3}.mini-cross{color:var(--gold)}
.draft-demo{border-color:#89765688;border-radius:5px;background:linear-gradient(135deg,#162523,#101a1c);box-shadow:0 24px 65px #0004}
.demo-top{border-top:2px solid var(--gold)}.demo-top .eyebrow{color:#bcac8f}.demo-live{color:#c0dbd2;border-color:#8ce9cf44;background:#8ce9cf08}
.team-heading{color:#c1d1c9}.team-heading small,.pick-names{color:#93aba1}
.pick-strip img{border-color:#619b86}.demo-team:nth-child(2) img{border-color:#ae825c}
.empty-pick{background:#8ce9cf09;border-color:#619b86}.empty-pick.dim{background:#152322;border-color:#2e4540}
.recommend-title small,.recommend-score small{color:#93a9a0}
.recommend-row:first-child{border-color:#8ce9cf44;background:#8ce9cf08;border-radius:3px}
.recommend-rank{color:#9a8c72}.recommend-row small{color:#9aafa5}
.demo-bottom{color:#92aaa0;background:#0d1718}.demo-bottom a{color:var(--mint)}
.demo-caption{color:#a0b2a8}.caption-line{background:var(--gold)}
.context-strip{background:#121c1b;border-block-color:#d8c29a2b}
.context-strip>.shell{color:#a5b6ab}.context-strip strong{color:var(--gold)}
.context-strip>.shell>span{color:#acbcb4}.context-strip b{color:#ad937060}
.brand-origin{display:flex;align-items:center;gap:30px;padding-block:45px;border-bottom:1px solid var(--line)}
.origin-mark{flex-shrink:0;width:74px;height:86px;display:grid;place-items:center;border:1px solid #d8c29a33;background:linear-gradient(145deg,#d8c29a08,#8ce9cf05)}
.origin-mark svg{width:58px;height:66px}.brand-origin .eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}
.brand-origin h2{font-family:"Songti SC","STSong",serif;font-size:25px;font-weight:500;letter-spacing:2px;margin:0 0 9px}
.brand-origin div>p:last-child{color:#a5b6af;font-size:12px;line-height:1.9;margin:0}
.origin-inscription{margin-left:auto;color:#9e8967;writing-mode:vertical-rl;letter-spacing:3px;font-family:"Songti SC","STSong",serif;font-size:12px}
.workflow{padding-top:72px}.step{border-top-color:#d8c29a66}.step-number{color:var(--gold)}
.section-heading>p,.step p{color:#a4b6ac}.step-tags span{background:#182422;color:#b0c0b7;border-color:#3b5148}
.entry{background:#121e1d;border-color:#d8c29a33;border-radius:5px}.entry-primary{background:linear-gradient(135deg,#20362d,#121e1d);border-color:#8ce9cf55}
.entry:hover{background:#1b2b27;border-color:#8ce9cf77}.entry-kicker{color:#b5a383}.entry p{color:#acbdb2}
.entry h3 span{color:var(--gold)}.entry-link{border-top-color:#d8c29a33;color:var(--mint)}
.account-cta p:last-child{color:#a2b4aa}.footer{color:#95aaa0}.footer-brand{gap:9px;color:var(--ink)}
.footer-brand svg{width:28px;height:32px}.footer-brand .brand-translation{font-size:8px;letter-spacing:2px}
.footer>a:nth-of-type(2){color:#b0c1b7}.footer small{color:#899e95}
.auth-story>p:not(.eyebrow){color:#acbdb2}.auth-story h1{font-size:43px}
.auth-illustration{color:var(--gold)}.auth-illustration span{border-top-color:#d8c29a66}.auth-illustration i,.auth-illustration strong{color:#a8bcb2}
.illustration-line{background:linear-gradient(to right,var(--mint),#233e34)}.auth-explore{color:var(--mint)}
.auth-panel{background:#121e1d;border:1px solid #d8c29a55;border-radius:5px;border-top:2px solid var(--gold)}
.auth-subtitle,.auth-switch{color:#a2b7a9}.auth-form label{color:#c2d1c5}
.auth-form input:not([type=hidden]){background:#0c1616;border-color:#3e564c;color:var(--ink)}
.auth-form input::placeholder{color:#8a9f93}.password-heading>span,.auth-privacy{color:#91a89b}
.password-toggle{color:var(--mint)}.auth-switch a{color:var(--mint)}
.account-heading p,.account-details p,.account-details small{color:#9db4a5}.account-details strong{color:var(--ink)}
@media(min-width:1500px){.hero{padding-block:96px 84px}.hero h1{font-size:62px}}
@media(max-width:1050px){.hero{gap:28px}.hero h1{font-size:43px}.hero-description{font-size:14px}.spirit-art{right:0;top:-60px;width:220px;height:220px}.spirit-art>svg{width:165px;height:165px;left:28px}.auth-story h1{font-size:36px}}
@media(max-width:760px){.brand svg{width:32px;height:36px}.brand-translation{font-size:8px;letter-spacing:3px}.hero{padding-block:44px;gap:56px}.hero h1{font-size:45px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:1.5px}.blade-prelude{font-size:11px;margin-bottom:16px}.hero-metrics{gap:28px}.spirit-art{top:-43px;width:190px;height:190px;right:0}.spirit-art>svg{width:136px;height:136px;left:25px;top:8px;opacity:.11}.spirit-orbit:after{left:-20px;right:0}.brand-origin{padding-block:30px;gap:19px}.origin-mark{width:55px;height:74px}.origin-mark svg{width:47px;height:55px}.brand-origin h2{font-size:20px;letter-spacing:1px}.brand-origin div>p:last-child{font-size:11px}.brand-origin br{display:none}.origin-inscription{display:none}.workflow{padding-top:46px}.footer-brand svg{width:26px;height:29px}.auth-story h1{font-size:29px}.auth-story h1 br{display:block}}
@media(max-width:390px){.brand{font-size:20px;gap:7px}.brand svg{width:28px;height:33px}.hero h1{font-size:40px}.hero-metrics{gap:21px}.hero-metrics strong{font-size:24px}.brand-origin{gap:14px}.brand-origin h2{font-size:18px}}
.auth-destination{font-size:12px;color:var(--muted);padding:10px 12px;border-left:2px solid var(--mint);background:#8ce9cf08;margin:0 0 22px}.auth-destination strong{color:var(--mint);font-weight:500}
.auth-form .field-feedback{font-size:12px;color:#edaf86;line-height:1.6;margin:0}.auth-form input[aria-invalid=true]{border-color:#edaf86}
@media(max-width:760px){.auth-form input:not([type=hidden]){font-size:16px}.password-toggle{min-width:42px;height:36px;top:4px}}
