:root{--paper:#fff;--paper-deep:#fbf5e4;--card:#fafaf8;--ink:#1d1f24;--ink-2:#50535b;--ink-3:#8b8e96;--navy:#191b1f;--azure:#c9a227;--azure-deep:#97791a;--yellow:#ffc400;--yellow-mark:rgba(254,226,87,.55);--line:#e7e6e2;--line-soft:#f0efeb;--serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--maxw:1060px}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.85;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}::-moz-selection{background:var(--yellow-mark)}::selection{background:var(--yellow-mark)}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}.logo-img{width:40px;height:40px;border-radius:9px;display:block}.seal{display:grid;place-items:center;width:38px;height:38px;background:var(--navy);color:var(--yellow);border-radius:7px;box-shadow:inset 0 0 0 1.5px #ffc4008c;font-family:var(--serif);font-weight:700;font-size:19px;line-height:1}.site-header{position:sticky;top:0;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:50}.site-header .inner{justify-content:space-between;height:68px}.brand,.site-header .inner{display:flex;align-items:center}.brand{gap:12px}.wordmark{font-family:var(--serif);font-weight:700;font-size:21px;letter-spacing:1px}.wordmark em{font-style:normal;color:var(--azure-deep)}.nav{display:flex;gap:34px;font-size:15px;letter-spacing:1px}.nav a{color:var(--ink-2);padding:22px 0;border-bottom:2px solid transparent;transition:color .2s}.nav a:hover{color:var(--ink)}.nav a.router-link-active{color:var(--azure-deep);border-bottom-color:var(--azure-deep);font-weight:600}.hero{border-bottom:1px solid var(--line);padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:start}.overline{font-size:13px;letter-spacing:4px;color:var(--azure-deep);font-weight:600;margin-bottom:22px}.hero h1{font-family:var(--serif);font-weight:700;font-size:52px;line-height:1.32;margin:0 0 22px;letter-spacing:1px}.hero h1 em{font-style:normal;background:linear-gradient(transparent 68%,var(--yellow-mark) 68%)}.hero .lead{font-size:17px;color:var(--ink-2);max-width:560px;margin:0 0 36px}.hero-aside{display:flex;gap:26px;align-items:flex-start;padding-top:8px}.vertical-quote{writing-mode:vertical-rl;font-family:var(--serif);font-size:19px;letter-spacing:.45em;color:var(--ink-2);border-left:1px solid var(--line);padding-left:22px;height:240px}.hero-stats{display:flex;gap:52px;margin-top:56px;padding-top:28px;border-top:1px solid var(--line-soft)}.stat .num{font-family:var(--serif);font-size:32px;font-weight:700;color:var(--ink)}.stat .num span{color:var(--azure-deep)}.stat .label{font-size:13px;color:var(--ink-3);margin-top:2px}.btn,.stat .label{letter-spacing:2px}.btn{display:inline-block;padding:13px 32px;font-size:15px;font-weight:600;transition:all .2s ease}.btn-primary{background:var(--yellow);color:var(--navy);box-shadow:3px 3px 0 var(--navy)}.btn-primary:hover{background:#ffd23d;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--navy)}.btn-text{color:var(--ink);border-bottom:1.5px solid var(--ink);padding:13px 2px;margin-left:28px}.btn-text:hover{color:var(--azure-deep);border-bottom-color:var(--azure-deep)}.section{padding:76px 0}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;gap:18px;margin-bottom:44px}.section-head .cn-num{font-size:15px;color:var(--azure-deep)}.section-head .cn-num,.section-head h2{font-family:var(--serif);letter-spacing:2px}.section-head h2{font-size:32px;font-weight:700;margin:0}.section-head .sub{font-size:14px;color:var(--ink-3)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote-card{background:var(--card);border:1px solid var(--line);padding:30px 28px 26px;position:relative}.quote-card:before{content:"「";position:absolute;top:12px;left:16px;font-family:var(--serif);font-size:40px;color:var(--yellow);line-height:1}.quote-card p{font-family:var(--serif);font-size:16px;line-height:2;margin:18px 0;color:var(--ink)}.quote-card .who{font-size:13px;color:var(--ink-3);letter-spacing:1px}.quote-card .who:before{content:"—— ";color:var(--azure-deep)}.cat-row{display:flex;align-items:baseline;gap:26px;padding:26px 8px;border-bottom:1px solid var(--line-soft);transition:background .2s}.cat-row:first-of-type{border-top:1px solid var(--line-soft)}.cat-row:hover{background:var(--card)}.cat-row .cn-num{color:var(--azure-deep);font-size:15px}.cat-row .cn-num,.cat-row h3{font-family:var(--serif);flex-shrink:0}.cat-row h3{font-size:22px;font-weight:700;margin:0;letter-spacing:1px}.cat-row .desc{color:var(--ink-3);font-size:14px;flex:1}.cat-row .count{font-family:var(--serif);color:var(--ink-2);font-size:14px;flex-shrink:0}.cat-row .arrow{color:var(--azure-deep);flex-shrink:0;transition:transform .2s}.cat-row:hover .arrow{transform:translate(6px)}.article-row{display:grid;grid-template-columns:56px 1fr auto;gap:22px;align-items:baseline;padding:24px 8px;border-bottom:1px solid var(--line-soft);transition:background .2s}.article-row:hover{background:var(--card)}.article-row .idx{font-family:var(--serif);font-size:15px;color:var(--ink-3)}.article-row .cat{font-size:12.5px;color:var(--azure-deep);letter-spacing:2px;margin-bottom:6px}.article-row h3{font-family:var(--serif);font-size:20px;font-weight:700;margin:0 0 6px;line-height:1.5}.article-row:hover h3{color:var(--azure-deep)}.article-row .desc{font-size:14px;color:var(--ink-3);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-row .date{font-size:13px;color:var(--ink-3);font-family:var(--serif)}.filter-bar{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0 28px}.filter-bar button{font-family:var(--sans);font-size:14px;letter-spacing:1px;padding:8px 22px;background:transparent;border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .18s;border-radius:999px}.filter-bar button:hover{border-color:var(--azure);color:var(--azure-deep)}.filter-bar button.active{background:var(--navy);border-color:var(--navy);color:#fff}.page-head{padding:72px 0 12px}.page-head h1{font-family:var(--serif);font-size:44px;font-weight:700;margin:14px 0 10px;letter-spacing:2px}.page-head .meta{color:var(--ink-3);font-size:15px}.article-head{padding:64px 0 8px;max-width:780px;margin:0 auto}.article-head h1{font-size:36px;line-height:1.5;margin:16px 0 14px}.article-head .meta,.article-head h1{font-family:var(--serif);letter-spacing:1px}.article-head .meta{color:var(--ink-3);font-size:14px}.article-cover{max-width:780px;margin:28px auto 0}.article-cover img{width:100%;border:1px solid var(--line)}.prose{max-width:780px;margin:0 auto;font-size:16.5px}.prose h2{font-size:26px;margin:2.2em 0 .7em;letter-spacing:1px;padding-left:16px;border-left:4px solid var(--yellow);line-height:1.5}.prose h2,.prose h3{font-family:var(--serif)}.prose h3{font-size:20px;margin:1.8em 0 .6em}.prose blockquote{border:none;background:var(--paper-deep);padding:18px 26px;margin:1.6em 0;font-family:var(--serif);color:var(--ink-2);position:relative}.prose blockquote:before{content:"「";position:absolute;top:2px;left:6px;font-family:var(--serif);font-size:26px;color:#ffc400d9}.prose blockquote p{margin:0}.prose code{background:var(--paper-deep);padding:2px 7px;border-radius:4px;font-size:.88em}.prose pre{background:#1c2f4e;color:#e8edf5;padding:18px 22px;overflow-x:auto;font-size:14px;line-height:1.7}.prose pre code{background:none;padding:0}.prose img{display:block;margin:1.5em auto;border:1px solid var(--line)}.prose a{color:var(--azure-deep);border-bottom:1px solid rgba(45,156,219,.4)}.prose hr{border:none;border-top:1px solid var(--line);margin:2.5em auto;width:120px}.prose strong{color:var(--ink)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:var(--card);border:1px solid var(--line);padding:30px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:5px 5px 0 var(--line);transform:translate(-2px,-2px)}.card h3{font-family:var(--serif);font-size:20px;margin:10px 0 8px}.card p{margin:0;color:var(--ink-2);font-size:14.5px}.tag{display:inline-block;font-size:12.5px;letter-spacing:2px;color:var(--azure-deep);border:1px solid rgba(45,156,219,.5);padding:3px 12px}.site-footer{background:var(--navy);color:#9fb0c9;padding:52px 0 40px;margin-top:80px;font-size:14px}.site-footer .top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:36px}.site-footer .wordmark{color:var(--paper)}.site-footer .tagline{font-family:var(--serif);margin-top:12px;color:#7d90ad;letter-spacing:2px}.site-footer .links{display:flex;gap:28px}.site-footer .links a:hover{color:var(--yellow)}.site-footer .legal{border-top:1px solid #314866;padding-top:22px;font-size:12.5px;color:#62789a}@media(max-width:820px){.hero{padding:56px 0 44px}.hero h1{font-size:34px}.hero-aside{display:none}.hero-grid{grid-template-columns:1fr}.hero-stats{gap:28px;flex-wrap:wrap}.grid-2,.grid-3{grid-template-columns:1fr}.site-header .inner{flex-wrap:wrap;height:auto;padding-top:10px}.nav{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:22px;font-size:14px;letter-spacing:0}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;flex-shrink:0;padding:6px 0 12px}.wordmark{font-size:18px}.cat-row{flex-wrap:wrap;gap:10px 14px}.cat-row .desc{flex-basis:100%;order:4}.article-row{grid-template-columns:1fr;gap:4px}.article-row .idx{display:none}.page-head h1{font-size:32px}.article-head h1{font-size:26px}.site-footer .top{flex-direction:column;gap:24px}}.guide-card{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--yellow);padding:30px 32px;transition:box-shadow .2s,transform .2s}.guide-card:hover{box-shadow:6px 6px 0 var(--line);transform:translate(-2px,-2px)}.guide-card .guide-meta{display:flex;gap:16px;align-items:center;font-size:13px;color:var(--ink-3);margin-bottom:14px}.guide-card h2{font-family:var(--serif);font-size:26px;margin:0 0 10px;letter-spacing:1px}.guide-card p{color:var(--ink-2);font-size:14.5px;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-card .go{color:var(--azure-deep);font-weight:600;font-size:14px}.guide-body{max-width:780px;margin:0 auto;padding:8px 0 72px}.capsule{background:var(--paper-deep);border:1px solid #f3e6bb;padding:24px 28px;margin:24px 0 12px}.capsule-label{display:inline-block;background:var(--yellow);color:var(--navy);font-size:12.5px;font-weight:700;letter-spacing:2px;padding:2px 12px;margin-bottom:12px}.capsule p{margin:0;font-family:var(--serif);font-size:16.5px;line-height:2;color:var(--ink)}.stage{margin-top:52px}.stage-num{color:var(--azure-deep);font-size:14px;letter-spacing:3px}.stage h2,.stage-num{font-family:var(--serif)}.stage h2{font-size:25px;margin:8px 0 10px;letter-spacing:1px}.stage-intro{color:var(--ink-2);margin:0 0 18px}.stage-articles{display:grid;gap:10px;margin-bottom:18px}.stage-article{display:flex;gap:12px;align-items:baseline;background:var(--card);border:1px solid var(--line);padding:13px 18px;font-size:15px;transition:border-color .2s,color .2s}.stage-article:hover{border-color:var(--azure);color:var(--azure-deep)}.stage-article .dot{flex-shrink:0;font-size:12px;color:var(--azure-deep);border:1px solid var(--azure);border-radius:999px;padding:0 8px}.action{background:#fffbe8;border-left:4px solid var(--yellow);padding:14px 20px}.action-label{font-size:12.5px;font-weight:700;letter-spacing:2px;color:#8a6d00}.action p{margin:6px 0 0;font-size:15px}.faq{margin-top:64px;border-top:1px solid var(--line);padding-top:36px}.faq h2{font-family:var(--serif);font-size:26px;margin:0 0 8px}.faq-item{margin-top:26px}.faq-item h3{font-family:var(--serif);font-size:18px;margin:0 0 8px}.faq-item h3:before{content:"问 ";color:var(--azure-deep)}.faq-item p{margin:0}.faq-item p,.guide-next{color:var(--ink-2);font-size:15px}.guide-next{margin-top:56px;border-top:1px solid var(--line);padding-top:28px}.guide-next a{color:var(--azure-deep);border-bottom:1px solid rgba(45,156,219,.4)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.case-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);padding:24px 24px 20px;transition:box-shadow .2s,transform .2s}.case-card:hover{box-shadow:5px 5px 0 var(--line);transform:translate(-2px,-2px)}.case-scene{font-size:12.5px;letter-spacing:2px;color:var(--azure-deep);margin-bottom:10px}.case-card h3{font-family:var(--serif);font-size:18px;margin:0 0 8px;line-height:1.5}.case-card p{color:var(--ink-2);font-size:13.5px;margin:0 0 14px;flex:1}.case-tools{margin-bottom:12px}.case-tools .tag{margin-right:8px;font-size:11.5px;padding:2px 9px}.case-card .go{color:var(--azure-deep);font-size:13px;font-weight:600}@media(max-width:820px){.case-grid{grid-template-columns:1fr}}.quiz-intro{max-width:640px;margin:0 auto;padding:80px 0 100px;text-align:center}.quiz-intro h1{font-family:var(--serif);font-size:40px;line-height:1.4;margin:16px 0 18px}.quiz-lead{color:var(--ink-2);font-size:16px;margin:0 0 28px}.quiz-stages-preview{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:36px}.stage-chip{font-size:13px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:4px 14px}.quiz-box{max-width:640px;margin:0 auto;padding:64px 0 100px}.quiz-progress{height:6px;background:var(--line-soft);border-radius:999px;overflow:hidden}.quiz-progress-bar{height:100%;background:var(--yellow);transition:width .25s ease}.quiz-count{font-family:var(--serif);color:var(--ink-3);font-size:14px;margin:18px 0 6px}.quiz-question{font-family:var(--serif);font-size:26px;margin:0 0 26px;line-height:1.5}.quiz-options{display:grid;gap:12px}.quiz-option{text-align:left;font-family:var(--sans);font-size:15.5px;line-height:1.6;background:var(--card);border:1px solid var(--line);padding:16px 20px;cursor:pointer;transition:border-color .15s,background .15s}.quiz-option:hover{border-color:var(--azure);background:#f4faff}.quiz-option.picked{border-color:var(--navy);background:#fffbe8}.quiz-back{margin-top:22px;background:none;border:none;color:var(--ink-3);font-size:14px;cursor:pointer;padding:0}.quiz-back:hover{color:var(--azure-deep)}.quiz-result{max-width:640px;margin:0 auto;padding:56px 0 90px}.result-card{background:var(--navy);color:#d7e0ef;padding:38px 36px 32px;text-align:center}.result-label{font-size:13px;letter-spacing:4px;color:#8fa3c4}.result-stage{font-family:var(--serif);font-size:46px;font-weight:700;color:var(--yellow);margin:10px 0 4px;letter-spacing:4px}.result-tagline{font-family:var(--serif);font-size:17px;color:#fff;margin-bottom:24px}.result-track{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:22px}.track-dot{font-size:12px;padding:3px 12px;border-radius:999px;border:1px solid #3d5578;color:#8fa3c4}.track-dot.on{background:var(--yellow);border-color:var(--yellow);color:var(--navy);font-weight:600}.result-desc{margin:0;font-size:15px;line-height:1.9;text-align:left}.result-advice{margin-top:40px}.result-advice h2,.result-guide h2{font-family:var(--serif);font-size:24px;margin:0 0 6px}.result-advice ol{margin:12px 0 0;padding-left:22px}.result-advice li{margin-bottom:8px;font-size:15.5px}.result-cta,.result-guide{margin-top:40px}.result-cta{background:#fffbe8;border:1px solid #f3e6bb;border-left:4px solid var(--yellow);padding:20px 24px;font-size:15px}.result-cta p{margin:0}.quiz-banner{background:var(--navy);padding:26px 0}.quiz-banner .inner{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.quiz-banner .text{font-family:var(--serif);font-size:19px;color:#fff;letter-spacing:1px}.quiz-banner .text em{font-style:normal;color:var(--yellow)}.ask-wrap{max-width:720px;margin:0 auto;padding-bottom:64px}.chat-list{min-height:320px;max-height:56vh;overflow-y:auto;border:1px solid var(--line);background:var(--card);padding:24px;margin-top:24px}.chat-empty .hint{color:var(--ink-3);font-size:14px;margin:0 0 14px}.starter{display:block;width:100%;text-align:left;font-family:var(--sans);font-size:14.5px;background:#fff;border:1px solid var(--line);padding:12px 16px;margin-bottom:10px;cursor:pointer;transition:border-color .15s,color .15s}.starter:hover{border-color:var(--azure);color:var(--azure-deep)}.msg{display:flex;gap:12px;margin-bottom:18px}.msg.user{flex-direction:row-reverse}.msg .avatar{flex-shrink:0;width:34px;height:34px;border-radius:8px;background:var(--navy);color:var(--yellow);display:grid;place-items:center;font-family:var(--serif);font-weight:700}.msg .bubble{max-width:82%;padding:12px 16px;font-size:15px;line-height:1.8}.msg.user .bubble{background:var(--navy);color:#fff}.msg.assistant .bubble{background:#fff;border:1px solid var(--line)}.bubble-md p{margin:0 0 8px}.bubble-md p:last-child{margin-bottom:0}.bubble-md a{color:var(--azure-deep);border-bottom:1px solid rgba(45,156,219,.4)}.bubble.typing{color:var(--ink-3);font-style:italic}.chat-input{display:flex;gap:12px;margin-top:16px}.chat-input input{flex:1;font-family:var(--sans);font-size:15px;padding:12px 16px;border:1px solid var(--line);background:#fff;outline:none}.chat-input input:focus{border-color:var(--azure)}.ask-disclaimer{margin-top:14px;font-size:12.5px;color:var(--ink-3)}.ask-fab{position:fixed;right:26px;bottom:26px;z-index:60;display:flex;align-items:center;gap:8px;background:var(--navy);color:var(--yellow);font-family:var(--serif);font-weight:700;font-size:15px;padding:12px 20px;border-radius:999px;box-shadow:0 8px 24px #1c2f4e59;transition:transform .15s}.ask-fab:hover{transform:translateY(-3px)}.course-list{border-top:1px solid var(--line)}.course-item{border-bottom:1px solid var(--line)}.course-head{width:100%;display:flex;align-items:baseline;gap:20px;background:none;border:none;cursor:pointer;padding:26px 8px;text-align:left;font-family:var(--serif)}.course-head:hover{background:var(--card)}.course-num{color:var(--azure-deep);font-size:15px;flex-shrink:0}.course-name{font-size:24px;font-weight:700;color:var(--ink);letter-spacing:1px;flex:1}.course-toggle{font-family:var(--sans);font-size:13.5px;color:var(--ink-3);flex-shrink:0}.course-item.open .course-toggle{color:var(--azure-deep)}.course-body{padding:0 8px 32px}.course-tagline{font-family:var(--serif);font-size:16.5px;color:var(--ink);margin:0 0 14px}.course-meta{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:820px){.section-head{flex-wrap:wrap;gap:6px 14px}.section-head .sub{flex-basis:100%}.guide-card .guide-meta{flex-wrap:wrap;gap:8px 14px}.quiz-banner .text{font-size:16.5px}.cat-row .count{order:5}.course-name{font-size:19px}.course-head{gap:12px}}.lesson-line{font-size:13.5px;color:var(--ink-2);margin:0 0 6px!important;line-height:1.7}.lesson-line strong{display:inline-block;font-size:11.5px;letter-spacing:2px;color:var(--azure-deep);border:1px solid var(--azure);padding:0 7px;margin-right:8px;border-radius:3px}.course-outcome{margin-top:26px;background:var(--paper-deep);border:1px solid #efe3c0;padding:22px 26px}.outcome-title{font-family:var(--serif);font-size:16px;font-weight:700;margin:0 0 16px}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.outcome-item{border-left:3px solid var(--yellow);padding-left:14px}.outcome-name{font-family:var(--serif);font-weight:700;font-size:15.5px}.outcome-desc{font-size:13px;color:var(--ink-2);margin-top:2px}@media(max-width:820px){.outcome-grid{grid-template-columns:1fr}}