*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:linear-gradient(135deg,#eef4ff,#f7f9ff 45%,#edf2ff);color:#1d2740}a{text-decoration:none;color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-weight:800;font-size:20px}.logo{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6d7cff,#4454dc);box-shadow:0 10px 25px #6475dd55}.ask-btn,.primary,.reply-form button{border:0;border-radius:14px;padding:11px 18px;background:#5364ea;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 8px 20px #5364ea30}.flash{padding:14px 18px;border-radius:14px;background:#e9edff;color:#3d4fc9;margin:8px 0 18px}.hero{min-height:390px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(120deg,#4b5ee7,#7c8cff);color:white;padding:60px;display:flex;align-items:center;box-shadow:0 25px 60px #5264dd35}.hero-glow{position:absolute;width:360px;height:360px;border-radius:50%;right:80px;top:-100px;background:#fff2;filter:blur(10px)}.hero-text{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:3px;opacity:.75}.hero h1{font-size:52px;line-height:1.1;margin:15px 0}.hero h1 span{color:#dfe4ff}.hero p{font-size:17px;opacity:.88;max-width:570px;margin-bottom:28px}.hero .primary{background:#fff;color:#4b5ee7;display:inline-block}.hero-orb{position:absolute;right:100px;bottom:35px;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;font-size:130px;font-weight:900;background:#ffffff18;border:1px solid #ffffff35;box-shadow:inset 0 0 60px #ffffff18}.layout{display:grid;grid-template-columns:1.55fr .75fr;gap:22px;margin-top:26px}.card{background:#ffffffcc;border:1px solid #fff;backdrop-filter:blur(16px);border-radius:22px;box-shadow:0 12px 35px #34436c12}.section-title{display:flex;align-items:center;justify-content:space-between;margin:8px 4px 12px}.section-title h2{margin:0}.section-title span,h2 small{font-size:13px;color:#7d87a4}.question{display:block;padding:22px;margin-bottom:14px;transition:.2s}.question:hover{transform:translateY(-2px);box-shadow:0 16px 35px #34436c20}.q-top,.q-bottom{display:flex;justify-content:space-between;color:#8b94ad;font-size:12px}.tag{color:#4d5fe0;background:#edf0ff;border-radius:99px;padding:4px 9px}.question h3{font-size:20px;margin:14px 0 8px}.question p{color:#68738e;line-height:1.7;margin:0 0 16px}.ask-card{padding:25px;position:sticky;top:18px;height:max-content}.ask-card h2{margin-top:0}.ask-card p{font-size:13px;color:#77819a;line-height:1.6}label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}input,textarea{width:100%;border:1px solid #dfe4f1;border-radius:13px;padding:12px 13px;background:#f8faff;font:inherit;outline:none}input:focus,textarea:focus{border-color:#7080ee;box-shadow:0 0 0 3px #7080ee18}textarea{min-height:130px;resize:vertical}.full{width:100%;margin-top:18px}.empty{padding:35px;text-align:center;color:#8b94aa}.detail{padding:28px;margin:20px 0}.back{color:#5969db;font-size:13px}.detail h1{font-size:32px;margin:20px 0 8px}.meta,.answer-meta,.time{font-size:12px;color:#8b94aa}.content{line-height:1.9;margin-top:25px;white-space:normal}.card>h2{padding:0 25px}.answer{display:flex;gap:12px;padding:20px 25px;border-top:1px solid #edf0f6}.avatar{width:36px;height:36px;border-radius:12px;background:#edf0ff;color:#5969db;display:grid;place-items:center;font-weight:700;flex:none}.answer-body{line-height:1.75;flex:1}.answer-meta{margin-bottom:5px}.time{margin-top:8px}.reply-form{padding:20px 25px;border-top:1px solid #edf0f6}.reply-form textarea{margin-bottom:10px}.reply-form button{float:right;margin-bottom:15px}footer{text-align:center;padding:40px 0;color:#9aa2b6;font-size:12px}@media(max-width:800px){.hero{padding:35px 28px;min-height:340px}.hero h1{font-size:40px}.hero-orb{right:-45px;bottom:-40px;width:180px;height:180px;font-size:100px}.layout{grid-template-columns:1fr}.ask-card{position:static}.shell{width:min(100% - 20px,1120px)}.question h3{font-size:18px}}