*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#02050d;color:#f2f6ff;font-family:"Microsoft YaHei",Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.universe{position:relative;width:min(100vw,100vh);height:min(100vw,100vh);min-width:760px;min-height:760px;margin:auto;background:#02050d;overflow:hidden}.original-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;user-select:none}.hotspot{position:absolute;border:0;background:transparent;border-radius:24px;z-index:4}.hotspot:hover{background:rgba(70,143,255,.07);box-shadow:0 0 25px rgba(63,143,255,.2)}.logo-hit{left:1.4%;top:2.3%;width:9.5%;height:5%}.top-publish{right:8.3%;top:2.2%;width:13%;height:5%}.main-publish{left:36%;top:82.1%;width:28%;height:7%}.card-hit{border-radius:18px}.card-1{left:9.3%;top:25.4%;width:16%;height:11%}.card-2{right:8.2%;top:26.2%;width:16%;height:11%}.card-3{left:1.6%;top:51.5%;width:18.4%;height:10%}.card-4{right:1.4%;top:53.6%;width:19%;height:10%}.card-5{left:15.5%;top:64.7%;width:17%;height:10%}.nav-home,.nav-plaza,.nav-saved,.nav-news,.nav-about{top:93.4%;height:5.2%}.nav-home{left:20%;width:10%}.nav-plaza{left:31%;width:12%}.nav-saved{left:44%;width:12%}.nav-news{left:57%;width:10%}.nav-about{left:68%;width:12%}
#liveStars{position:absolute;inset:0;pointer-events:none}.live-star{position:absolute;width:9px;height:9px;border-radius:50%;background:#dff3ff;box-shadow:0 0 5px white,0 0 15px #65b5ff,0 0 28px #267ef4;animation:twinkle 2.7s infinite}.live-star span{position:absolute;left:15px;top:-4px;color:#a7c5e9;font-size:9px;width:150px;white-space:nowrap;opacity:0;transition:.2s}.live-star:hover span{opacity:1}@keyframes twinkle{50%{transform:scale(1.45);opacity:.7}}
#panel{min-height:100vh;padding:40px 5%;background:radial-gradient(circle at 50% 0,#102c59,#030817 60%)}#panel header{max-width:1180px;margin:auto;display:flex;align-items:center;gap:20px;border-bottom:1px solid #18385f;padding-bottom:20px}#panel header h1{font:38px serif;margin:auto}#panel header button{border:1px solid #315b8d;background:#08182f;color:#aac9ee;padding:11px 17px;border-radius:8px}#panel header .blue,.submit{background:linear-gradient(135deg,#1262c9,#0a347e);color:white}.cards{max-width:1180px;margin:28px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#102442,#071326);border:1px solid #24466d;border-radius:14px;padding:23px;min-height:240px;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#508ed7}.tag{display:inline-block;border:1px solid #355d8c;border-radius:20px;color:#9dc7f7;padding:4px 9px;font-size:10px}.card time,.meta{color:#69809f;font-size:10px}.card h2{font:21px/1.5 serif}.card p{color:#8da0b9;font-size:12px;line-height:1.8}.card footer{border-top:1px solid #1b385a;padding-top:15px;color:#7087a5;font-size:10px}.empty{text-align:center;grid-column:1/-1;padding:100px;color:#7890ad}
.backdrop{position:fixed;inset:0;z-index:20;background:#000714c7;backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.backdrop[hidden]{display:none}.modal{width:min(650px,100%);max-height:94vh;overflow:auto;background:linear-gradient(145deg,#10213d,#061022);border:1px solid #31547e;border-radius:18px;padding:36px 40px;position:relative;box-shadow:0 25px 100px #000}.mark{font-size:28px;color:#9cc8ff;text-shadow:0 0 18px #398cff}.modal h2,.detail h2{font:30px/1.45 serif}.modal>p{color:#899db8;line-height:1.8}.x{position:absolute;right:20px;top:14px;border:0;background:none;color:#8096b4;font-size:30px}.modal form>label{display:block;color:#9bacc3;font-size:11px;margin:17px 0 9px}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cats input{display:none}.cats span{display:block;text-align:center;padding:18px 5px;border:1px solid #29486e;border-radius:8px;color:#8198b8}.cats input:checked+span{color:white;border-color:#5795df;background:#183b69}.modal input,.modal textarea{width:100%;background:#020b1b;border:1px solid #28466c;border-radius:8px;color:white;padding:13px}.modal textarea{height:115px;resize:vertical}.modal aside{display:flex;gap:12px;background:#122b4a;border:1px solid #274d79;border-radius:8px;padding:12px;margin:15px 0;color:#91bcf6}.modal aside b,.modal aside small{display:block}.modal aside small{color:#7187a4;font-size:9px;margin-top:4px}.submit{float:right;border:1px solid #4e8bda;border-radius:8px;padding:12px 20px}.detail{position:absolute;right:0;top:0;bottom:0;width:min(620px,100%);overflow:auto;background:linear-gradient(155deg,#0d1d37,#040c1c);border-left:1px solid #284b77;padding:55px 48px}.detail .body{color:#afbed1;line-height:2}.actions{display:flex;gap:8px;margin:22px 0}.actions button{background:#122643;color:#91a8c7;border:1px solid #25466e;border-radius:6px;padding:9px 12px}.summary{background:#102b4b;border:1px solid #28527e;border-radius:11px;padding:18px;margin:20px 0}.summary h3{font-size:12px;color:#b9d5f8}.summary p{font-size:12px;color:#a4b6cc;line-height:1.8}.answer{border-left:2px solid #37699e;padding-left:14px;margin:17px 0}.answer b{font-size:10px;color:#8199b7}.answer p{font-size:12px;color:#aab9cc;line-height:1.8}.reply textarea{width:100%;height:80px;background:#061126;color:white;border:1px solid #28486c;border-radius:8px;padding:12px}.reply button{margin-top:8px}.about{max-width:520px}#toast{position:fixed;z-index:50;left:50%;bottom:28px;transform:translateX(-50%);background:#10294a;border:1px solid #36649a;border-radius:30px;padding:11px 20px;display:none}
@media(max-aspect-ratio:1/1){.universe{min-width:0;min-height:0;width:100vw;height:100vw;margin-top:12vh}.original-scene{object-fit:contain}body{background:#02050d}.cards{grid-template-columns:1fr}.modal{padding:28px 20px}.cats{grid-template-columns:1fr}.detail{padding:48px 22px}}
@media(min-aspect-ratio:1/1){body{overflow-x:hidden}.universe{width:100vh;height:100vh}}
.universe{width:100vw!important;height:100vh!important;min-width:0!important;min-height:680px!important;margin:0!important;background:radial-gradient(circle at 50% 48%,#071c43 0,#020817 44%,#01030a 82%)}.scene{position:absolute;z-index:2;width:min(100vw,124.67vh);height:min(80.21vw,100vh);left:50%;top:50%;transform:translate(-50%,-50%)}.original-scene{object-fit:fill;mix-blend-mode:screen}
#liveStars{z-index:5;pointer-events:none}.live-star{pointer-events:auto;width:var(--size,9px);height:var(--size,9px);padding:0;border:0;background:#e8f7ff}.live-star:nth-child(3n){background:#fff0c0;box-shadow:0 0 6px white,0 0 18px #ffc34e,0 0 40px #e9911a}.live-star:nth-child(4n){background:#f4d9ff;box-shadow:0 0 6px white,0 0 18px #ed69ff,0 0 38px #ad40f0}.live-star:before,.live-star:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:1px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#fff,transparent)}.live-star:after{transform:translate(-50%,-50%) rotate(90deg)}.live-star span{left:20px;top:-8px;padding:9px 12px;border:1px solid rgba(104,154,224,.3);border-radius:9px;background:rgba(3,13,32,.9);color:#d1e4fb;font-size:11px;width:210px;text-align:left;white-space:normal;transform:translateY(4px);pointer-events:none}.live-star span small{display:block;color:#6681a5;font-size:9px;margin-top:5px}.live-star:hover span{transform:none}
.rotating-sky{position:absolute;z-index:0;left:50%;top:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%);animation:skyturn 180s linear infinite;background-image:radial-gradient(#fff .7px,transparent .9px),radial-gradient(#79b6ff .8px,transparent 1px),radial-gradient(#e4d9ff .55px,transparent .8px);background-size:67px 71px,131px 137px,191px 183px;background-position:0 0,37px 41px,71px 29px;opacity:.66}.rotating-sky:before,.rotating-sky:after{content:"";position:absolute;inset:20%;border:1px solid rgba(65,128,220,.07);border-radius:50%;box-shadow:0 0 90px rgba(26,100,212,.12)}.rotating-sky:after{inset:34%}.rotating-sky i{position:absolute;width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 15px #73baff}.rotating-sky i:nth-child(1){left:18%;top:32%}.rotating-sky i:nth-child(2){right:21%;top:25%}.rotating-sky i:nth-child(3){left:28%;bottom:19%}@keyframes skyturn{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-aspect-ratio:1/1){.universe{height:100vh!important;margin:0!important}.scene{width:100vw;height:80.21vw}.live-star span{width:160px}}
.moving-scene{transform-origin:50% 43%;animation:worldfloat 24s ease-in-out infinite;-webkit-mask-image:radial-gradient(ellipse 28% 23% at 50% 42%,transparent 0 84%,#000 100%);mask-image:radial-gradient(ellipse 28% 23% at 50% 42%,transparent 0 84%,#000 100%)}.logo-scene{z-index:3;clip-path:ellipse(28% 23% at 50% 42%);filter:drop-shadow(0 0 18px rgba(94,161,255,.2))}.top-publish,.main-publish{animation:buttonfloat 4.8s ease-in-out infinite}.card-1,.card-3,.card-5{animation:cardfloatA 7s ease-in-out infinite}.card-2,.card-4{animation:cardfloatB 8s ease-in-out infinite}.nav-home,.nav-plaza,.nav-saved,.nav-news,.nav-about{animation:navfloat 6s ease-in-out infinite}.live-star:nth-child(2n){animation-duration:3.4s}.live-star:nth-child(3n){animation-duration:4.1s}.live-star:nth-child(5n){animation-duration:2.2s}@keyframes worldfloat{0%,100%{transform:rotate(-.5deg) scale(1.012) translateY(0)}50%{transform:rotate(.6deg) scale(1.04) translateY(-.8%)}}@keyframes buttonfloat{50%{transform:translateY(-8%);filter:brightness(1.14)}}@keyframes cardfloatA{50%{transform:translate(1.3%,-2.4%)}}@keyframes cardfloatB{50%{transform:translate(-1.2%,2.1%)}}@keyframes navfloat{50%{transform:translateY(-5%)}}@media(prefers-reduced-motion:reduce){.rotating-sky,.moving-scene,.top-publish,.main-publish,.card-hit,.nav-home,.nav-plaza,.nav-saved,.nav-news,.nav-about,.live-star{animation:none!important}}

/* 环绕星叙版：首页只保留中央原字形，问题全部变成会环绕的星星 */
.logo-scene{clip-path:ellipse(24% 20% at 50% 42%);z-index:3;animation:none!important;transform:none!important;mix-blend-mode:screen}
#liveStars{position:absolute;inset:0;z-index:6;overflow:hidden;pointer-events:none;perspective:900px}
.star-orbit{position:absolute;left:50%;top:44%;width:0;height:0;pointer-events:none;transform-style:preserve-3d;animation:problemOrbit var(--duration) linear infinite;animation-delay:var(--delay)}
.star-orbit .live-star{left:0!important;top:0!important;pointer-events:auto;opacity:1;animation:starPulse 2.4s ease-in-out infinite;transform:translateX(var(--radius));overflow:visible}
.star-orbit .live-star span{display:block;opacity:.86;left:22px;top:-13px;width:max-content;max-width:240px;padding:6px 9px;background:rgba(2,10,26,.62);border:1px solid rgba(99,153,231,.18);box-shadow:0 5px 18px rgba(0,0,0,.2);font-size:11px;white-space:nowrap}
.star-orbit .live-star:hover span{opacity:1;border-color:rgba(132,190,255,.65);background:rgba(3,15,38,.94)}
.star-orbit .live-star span small{display:none}
@keyframes problemOrbit{from{transform:rotate(var(--tilt)) rotate(0deg) scaleY(.62)}to{transform:rotate(var(--tilt)) rotate(360deg) scaleY(.62)}}
@keyframes starPulse{0%,100%{filter:brightness(.85);margin-top:-5px}50%{filter:brightness(1.55);margin-top:8px}}
.card-hit{display:none!important}.top-publish,.main-publish{z-index:9}
@media(max-width:700px){.star-orbit .live-star span{font-size:9px;max-width:135px;overflow:hidden;text-overflow:ellipsis}.logo-scene{clip-path:ellipse(31% 21% at 50% 42%)}}

/* 自由星空：无可见轨道，滚轮缩放，按住空白处拖动画面 */
.universe{cursor:grab;touch-action:none}.universe.dragging{cursor:grabbing}
.top-publish{position:fixed;right:4%;top:4%;left:auto;width:auto;height:auto;padding:12px 22px;border:1px solid #4b8ee5;border-radius:28px;background:linear-gradient(135deg,#1768cb,#092c71);color:white;font-weight:700;box-shadow:0 0 28px rgba(48,132,255,.25);animation:buttonfloat 4.8s ease-in-out infinite}
.logo-scene{position:fixed!important;z-index:12;left:50%!important;top:44%!important;width:min(42vw,560px)!important;height:auto!important;max-height:none!important;overflow:visible!important;object-fit:contain!important;object-position:center!important;pointer-events:none;user-select:none;animation:none!important;transform:translate(-50%,-50%)!important;clip-path:none!important;-webkit-clip-path:none!important;-webkit-mask-image:none!important;mask-image:none!important;mix-blend-mode:screen;filter:drop-shadow(0 0 12px rgba(76,145,255,.25)) drop-shadow(0 0 28px rgba(23,83,190,.16))}
#liveStars{left:50%;top:50%;right:auto;bottom:auto;width:190vw;height:190vh;overflow:visible;transform-origin:50% 50%;transition:transform .12s ease-out;will-change:transform}
.free-star{position:absolute!important;border:0!important;padding:0!important;width:var(--size)!important;height:var(--size)!important;background:hsl(var(--hue) 95% 88%)!important;box-shadow:0 0 5px #fff,0 0 14px hsl(var(--hue) 100% 68%),0 0 36px hsl(var(--hue) 100% 50%)!important;animation:freeDrift var(--drift) ease-in-out var(--delay) infinite alternate!important;will-change:transform,filter,opacity}
.free-star:before,.free-star:after{width:42px;background:linear-gradient(90deg,transparent,hsl(var(--hue) 100% 90%),transparent)}
.free-star span{display:block!important;opacity:0!important;visibility:hidden;left:calc(var(--size) + 13px)!important;top:-12px!important;width:230px!important;white-space:normal!important;padding:10px 12px!important;background:rgba(2,9,23,.92)!important;border:1px solid hsla(var(--hue) 90% 72%/.42)!important;border-radius:10px!important;color:#eaf5ff!important;transform:scale(.7)!important;transform-origin:left center;transition:opacity .35s,transform .35s,visibility .35s!important;pointer-events:none}
.free-star span b{display:block;font-size:11px;line-height:1.5}.free-star span small{display:none;color:#8fa7c6;font-size:9px;line-height:1.6;margin-top:6px;max-height:60px;overflow:hidden}.free-star span em{display:block;color:hsl(var(--hue) 75% 76%);font-size:8px;font-style:normal;margin-top:6px}
#liveStars.show-titles .free-star span{visibility:visible;opacity:.92!important;transform:scale(1)!important}
#liveStars.show-content .free-star span small{display:block}
@keyframes freeDrift{0%{transform:translate(0,0) scale(.72);opacity:.42;filter:brightness(.75)}24%{transform:translate(var(--dx1),var(--dy1)) scale(1.4);opacity:1;filter:brightness(1.7)}57%{transform:translate(var(--dx2),var(--dy2)) scale(.9);opacity:.68;filter:brightness(1.05)}78%{transform:translate(calc(0px - var(--dx1)),calc(0px - var(--dy2))) scale(1.65);opacity:1;filter:brightness(2)}100%{transform:translate(calc(0px - var(--dx2)),calc(0px - var(--dy1))) scale(.78);opacity:.5;filter:brightness(.85)}}
@media(max-width:700px){#liveStars{width:230vw;height:230vh}.free-star span{width:150px!important}.logo-scene{width:68vw}}
.detail .actions{position:relative;z-index:30;pointer-events:auto!important}
.detail .actions button{position:relative;z-index:31;pointer-events:auto!important;touch-action:manipulation}
.detail .actions button:disabled{opacity:.55;cursor:wait}
.top-actions{position:absolute;top:22px;right:24px;z-index:20;display:flex;gap:10px}.top-actions .hotspot{position:static}.tools{display:flex;gap:10px;max-width:1100px;margin:20px auto;padding:0 20px}.tools input{flex:1}.tools input,.tools select,.tools button{min-height:44px;padding:8px 13px;border:1px solid #315985;border-radius:8px;background:#0c2342;color:#dcecff}.answer{border-left:3px solid #3e79b5;padding:12px 0 12px 16px;margin:12px 0}.answer.nested{margin-left:28px;border-left-color:#6a62c9}.answer-actions{display:flex;gap:7px;flex-wrap:wrap}.answer-actions button{padding:5px 10px!important}.reject-reason{color:#ffb3bd!important;background:#411d2b;padding:10px;border-radius:7px}@media(max-width:650px){.top-actions{right:10px;top:10px;flex-direction:column}.tools{flex-wrap:wrap}.tools input{flex-basis:100%}.answer.nested{margin-left:14px}}

/* V3.1：SOUL 风格三维问题星球。中央星叙固定，星群可拖动和缩放。 */
.scene{pointer-events:none}.logo-scene{pointer-events:none!important;cursor:default!important}.top-actions{position:fixed;pointer-events:auto;z-index:500}.top-actions .hotspot{display:block!important;width:auto!important;height:auto!important;padding:12px 20px!important;border:1px solid rgba(255,255,255,.92)!important;background:#fff!important;color:#07162b!important;font-weight:700!important;box-shadow:0 6px 24px rgba(135,190,255,.28)!important}.top-actions .hotspot:hover{background:#edf6ff!important;border-color:#9bcaff!important;box-shadow:0 0 28px rgba(111,178,255,.55)!important}.space-tip{position:fixed;z-index:40;left:50%;bottom:18px;transform:translateX(-50%);margin:0;color:rgba(210,229,255,.64);font-size:12px;pointer-events:none}#liveStars{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;transform:none!important;transition:none!important;perspective:none!important;pointer-events:none!important}.soul-star{position:absolute!important;left:0!important;top:0!important;width:var(--size)!important;height:var(--size)!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;pointer-events:auto!important;background:hsl(var(--hue) 95% 88%)!important;box-shadow:0 0 5px #fff,0 0 16px hsl(var(--hue) 100% 67%),0 0 42px hsl(var(--hue) 100% 48%)!important;animation:soulTwinkle var(--twinkle) ease-in-out infinite!important;will-change:transform,opacity}.soul-star:before,.soul-star:after{content:"";position:absolute;left:50%;top:50%;width:38px;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--hue) 100% 94%),transparent);transform:translate(-50%,-50%)}.soul-star:after{transform:translate(-50%,-50%) rotate(90deg)}.soul-star span{position:absolute!important;display:block!important;left:calc(100% + 14px)!important;top:-10px!important;width:225px!important;padding:9px 11px!important;border:1px solid hsla(var(--hue) 90% 72%/.45)!important;border-radius:10px!important;background:rgba(2,10,25,.92)!important;color:#edf6ff!important;opacity:0!important;visibility:hidden!important;transform:scale(.8)!important;transform-origin:left center!important;pointer-events:none!important;white-space:normal!important;transition:.25s!important;text-align:left!important}.soul-star span b{display:block;font-size:11px;line-height:1.5}.soul-star span small{display:none;color:#91a9c7;font-size:9px;line-height:1.5;margin-top:5px;max-height:58px;overflow:hidden}.soul-star span em{display:block;color:hsl(var(--hue) 78% 77%);font-size:8px;font-style:normal;margin-top:5px}#liveStars.show-titles .soul-star span,.soul-star:hover span{opacity:.96!important;visibility:visible!important;transform:scale(1)!important}#liveStars.show-content .soul-star span small{display:block}@keyframes soulTwinkle{0%,100%{filter:brightness(.7)}50%{filter:brightness(1.85)}}.tools input{background:#fff!important;color:#07162b!important;border-color:#fff!important}.tools input::placeholder{color:#64748b}.tools button,.tools select{background:#fff!important;color:#07162b!important;border-color:#d8e8fb!important}@media(max-width:650px){.top-actions{flex-direction:row}.top-actions .hotspot{padding:9px 12px!important;font-size:12px}.logo-scene{width:72vw!important}.space-tip{font-size:10px;white-space:nowrap}.soul-star span{width:150px!important}}