:root{--ink:#16232d;--muted:#60717d;--line:#cfdae2;--surface:#fff;--page:#eaf1f4;--nav:#173044;--nav-soft:#ffffff14;--download:#1d7a8c;--download-dark:#135f70;--learn:#d18322;--learn-dark:#a96514;--success:#2fbf71;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1100px;margin:0}button{font:inherit}#app{min-height:100vh}.state-shell{background:var(--page);place-items:center;min-height:100vh;padding:40px;display:grid}.state-panel{border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:8px;width:min(640px,100%);padding:36px;box-shadow:0 18px 44px #1d31421a}.state-panel h1{color:var(--ink);margin:0;font-size:26px}.guide-shell{grid-template-columns:360px minmax(720px,1fr);min-height:100vh;display:grid}.guide-sidebar{color:#f6f8fb;background:linear-gradient(180deg, #1d7a8c29, #d1832214), var(--nav);flex-direction:column;gap:28px;padding:36px 30px;display:flex}.brand{align-items:center;gap:16px;display:flex}.brand-mark{width:52px;height:52px;color:var(--nav);background:#f6c75b;border:1px solid #ffffff4d;border-radius:8px;place-items:center;font-weight:800;display:grid}.brand h1,.topbar h2,.result-summary h2{letter-spacing:0;margin:0}.brand h1{font-size:24px;line-height:1.2}.eyebrow{color:#6b7f8d;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:700}.guide-sidebar .eyebrow{color:#a8bac8}.progress-panel,.history{background:var(--nav-soft);border:1px solid #ffffff24;border-radius:8px;padding:20px}.progress-head{color:#dce6ee;justify-content:space-between;gap:16px;margin-bottom:12px;font-size:14px;display:flex}.progress-track{background:#ffffff29;border-radius:99px;height:8px;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--download), var(--success));height:100%;transition:width .26s}.history h2{margin:0 0 16px;font-size:16px}.history ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.history li{border-bottom:1px solid #ffffff1f;gap:5px;padding-bottom:12px;display:grid}.history li:last-child{border-bottom:0;padding-bottom:0}.history span,.muted{color:#b8c8d4;font-size:14px}.history strong{color:#fff;font-size:15px}.credit{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto;padding-top:20px;display:flex}.credit a{color:#a8bac8;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:6px 10px;font-size:13px;text-decoration:none;transition:color .16s,background .16s,border-color .16s;display:inline-flex}.credit img{object-fit:contain;width:20px;height:20px}.credit strong{font-weight:700}.credit a:hover,.credit a:focus-visible{color:#fff;background:#ffffff1f;border-color:#ffffff47;outline:none;text-decoration:none}.muted{margin:0}.qq-group-banner{cursor:pointer;background:linear-gradient(135deg,#12b7f5 0%,#0d8fd8 100%);border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .16s,box-shadow .16s,filter .16s;display:flex;box-shadow:0 4px 20px #12b7f566}.qq-group-banner:hover,.qq-group-banner:focus-visible{filter:brightness(1.08);outline:none;transform:translateY(-2px);box-shadow:0 8px 28px #12b7f58c}.qq-group-icon{color:#fff;letter-spacing:0;background:#ffffff38;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:14px;font-weight:900;display:grid}.qq-group-text{flex-direction:column;flex:1;gap:3px;display:flex}.qq-group-text strong{color:#fff;font-size:15px;font-weight:800}.qq-group-text small{color:#ffffffc7;font-size:12px}.qq-group-arrow{color:#fffc;font-size:18px;font-weight:700;transition:transform .16s}.qq-group-banner:hover .qq-group-arrow{transform:translate(4px)}.guide-workspace{background:radial-gradient(circle at 72% 16%, #1d7a8c1f, transparent 32%), linear-gradient(180deg, #ffffffb8, #ffffffe6), var(--page);padding:34px 42px 42px}.topbar{text-align:center;justify-content:center;align-items:center;gap:24px;min-height:44px;display:flex;position:relative}.topbar h2{color:var(--ink);font-size:30px;line-height:1.18}.topbar-actions{position:absolute;right:42px}.topbar-actions,.result-actions{align-items:center;gap:10px;display:flex}.ghost-button,.primary-button{border:1px solid var(--line);cursor:pointer;border-radius:6px;min-width:108px;height:40px;font-weight:700}.ghost-button{color:#243746;background:var(--surface)}.ghost-button:disabled{cursor:not-allowed;color:#96a4af;background:#f4f6f8}.primary-button{color:#fff;border-color:var(--download);background:var(--download)}.question-area,.result-area{max-width:980px;padding-top:18px}.question-area{text-align:center;justify-items:center;margin:0 auto;display:grid}.lead{max-width:680px;color:var(--muted);margin:0 0 28px;font-size:18px}.question-title{max-width:840px;color:var(--ink);letter-spacing:0;margin:0 0 14px;font-size:48px;line-height:1.12}.option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.decision-mode,.download-mode,.content-mode{align-content:center;min-height:calc(100vh - 170px);padding-top:0}.decision-mode .lead,.download-mode .lead,.content-mode .lead{max-width:760px;margin-bottom:34px;font-size:24px;line-height:1.55}.decision-mode .option-grid{grid-template-columns:repeat(2,minmax(260px,360px));justify-content:center;gap:26px}.download-mode .option-grid{grid-template-columns:repeat(3,minmax(240px,320px));justify-content:center;gap:26px}.content-mode .option-grid{grid-template-columns:repeat(2,minmax(260px,360px));justify-content:center;gap:26px}.decision-mode .option-card,.download-mode .option-card,.content-mode .option-card{text-align:center;color:#fff;background:linear-gradient(145deg, #ffffff26, transparent 42%), var(--option-color,var(--download));min-height:220px;box-shadow:0 22px 44px var(--option-shadow,#1d7a8c47);border-width:0;align-content:center;padding:34px}.decision-mode .option-card span,.download-mode .option-card span,.content-mode .option-card span{color:#fff;font-size:40px;line-height:1}.decision-mode .option-card small,.download-mode .option-card small,.content-mode .option-card small{color:#ffffffdb;font-size:17px}.decision-mode .option-card:hover,.decision-mode .option-card:focus-visible,.download-mode .option-card:hover,.download-mode .option-card:focus-visible,.content-mode .option-card:hover,.content-mode .option-card:focus-visible{background:linear-gradient(145deg, #ffffff2e, transparent 42%), var(--option-color-dark,var(--download-dark));box-shadow:0 26px 50px var(--option-shadow,#1d7a8c57)}.option-card{border:1px solid var(--line);min-height:178px;color:var(--ink);text-align:left;cursor:pointer;background:var(--surface);border-radius:8px;gap:12px;padding:22px;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #1d314212}.option-card:hover,.option-card:focus-visible{border-color:var(--download);outline:none;transform:translateY(-2px);box-shadow:0 18px 38px #1d31421f}.option-card:active{transform:translateY(1px)scale(.98)}.option-card span{font-size:20px;font-weight:800}.option-card small{color:var(--muted);font-size:15px;line-height:1.55}.result-area{gap:24px;display:grid}.result-summary{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:28px;box-shadow:0 12px 30px #1d314212}.download-result .result-summary{background:linear-gradient(180deg, #1d7a8c14, #fffffff5), var(--surface);border-color:#1d7a8c47}.read-result .result-summary{background:linear-gradient(180deg, #d183221a, #fffffff5), var(--surface);border-color:#d1832247}.result-summary h2{color:var(--ink);font-size:28px}.download-result .result-summary h2{color:var(--download-dark)}.read-result .result-summary h2{color:var(--learn-dark)}.result-summary p:last-child{color:var(--muted);margin:12px 0 0;font-size:17px}.result-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.result-list li{background:var(--surface);border:1px solid #dbe3e9;border-radius:8px;padding:14px 18px 14px 42px;position:relative}.download-result .result-list li{border-color:#1d7a8c2e}.read-result .result-list li{border-color:#d1832233}.result-list li:before{content:"";background:var(--success);border-radius:99px;width:8px;height:8px;position:absolute;top:21px;left:18px}.download-result .result-list li:before{background:var(--download)}.read-result .result-list li:before{background:var(--learn)}.read-result .primary-button{border-color:var(--learn);background:var(--learn)}.file-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.file-card{min-height:96px;color:var(--ink);background:linear-gradient(180deg, #1d7a8c14, #fffffff5), var(--surface);border:1px solid #1d7a8c3d;border-radius:8px;gap:8px;padding:20px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 12px 30px #1d314212}.file-card:hover,.file-card:focus-visible{border-color:var(--download);outline:none;transform:translateY(-2px);box-shadow:0 18px 38px #1d7a8c29}.file-card span{overflow-wrap:anywhere;color:var(--download-dark);font-size:18px;font-weight:800}.file-card small{color:var(--muted);font-size:14px}.empty-files{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#ffffff94;border-radius:8px;grid-column:1/-1;margin:0;padding:18px}.panel-swap-enter-active,.panel-swap-leave-active{transition:opacity .22s,transform .22s,filter .22s}.panel-swap-enter-from{opacity:0;filter:blur(4px);transform:translateY(18px)scale(.985)}.panel-swap-leave-to{opacity:0;filter:blur(3px);transform:translateY(-12px)scale(.99)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}