:root{--bg-1: #f6efe6;--bg-2: #f9f5ee;--accent: #c08b5c;--accent-2: #e6c9a8;--text: #3b2f25;--muted: #8a7a6a;--card: rgba(255, 249, 240, .86);--border: rgba(214, 198, 178, .6);--shadow: 0 20px 50px rgba(120, 96, 72, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Times New Roman,SimSun,Songti SC,STSong,serif;color:var(--text);background:radial-gradient(circle at top,#fff7ec 0%,var(--bg-1) 45%,var(--bg-2) 100%);height:100vh;overflow:hidden}body.ready .topbar,body.ready .hero,body.ready .star-hero{animation:fadeUp .52s ease both}#app{display:flex;flex-direction:column;height:100vh;transition:transform .32s cubic-bezier(.22,.9,.25,1.1);will-change:opacity,transform}html.nav-enter-left #app{transform:translate(40px)}html.nav-enter-right #app,html.nav-leave-left #app{transform:translate(-40px)}html.nav-leave-right #app{transform:translate(40px)}#pageStack{flex:1;overflow-y:auto;scroll-snap-type:y proximity;scroll-behavior:smooth}.page-transition{position:fixed;inset:0;background:radial-gradient(circle at top,#fff5e8cc,#0f142dd9);opacity:0;pointer-events:none;z-index:999;transition:opacity .35s cubic-bezier(.22,.9,.25,1.1)}.page-transition-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,240,210,.55),transparent 60%);mix-blend-mode:screen;animation:transitionGlow .6s ease-in-out infinite alternate}.page-transition.show{opacity:1;pointer-events:auto}@keyframes transitionGlow{0%{opacity:.4;transform:scale(.98)}to{opacity:.8;transform:scale(1.02)}}#pageStack.hidden{opacity:0;visibility:hidden;pointer-events:none}.snap-section{scroll-snap-align:start}#pageStack{animation:pageEnter .52s cubic-bezier(.2,.8,.2,1)}@keyframes pageEnter{0%{transform:translateY(10px);opacity:.6}60%{transform:translateY(-4px);opacity:1}to{transform:translateY(0)}}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:#ffffffdb;border-bottom:1px solid rgba(221,205,188,.6);backdrop-filter:blur(12px);box-shadow:0 10px 24px #92765914}.brand{font-weight:700;letter-spacing:.5px;font-family:Times New Roman,SimSun,Songti SC,STSong,serif}.nav{display:flex;gap:16px;position:relative}.nav a{color:var(--muted);text-decoration:none;font-size:14px;position:relative;padding-bottom:2px;transition:color .2s ease}.nav a:hover,.nav a.nav-active{color:var(--accent)}.nav-indicator{position:absolute;left:0;bottom:-6px;height:2px;width:0;background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:999px;pointer-events:none;transition:transform .4s cubic-bezier(.22,.9,.25,1.1),width .35s ease}.bottom-nav{position:fixed;left:16px;right:16px;bottom:14px;z-index:50;display:none;justify-content:flex-start;gap:8px;padding:10px 12px;border-radius:18px;background:#ffffffe6;border:1px solid rgba(221,205,188,.7);box-shadow:0 10px 26px #9276592e;backdrop-filter:blur(12px);overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.bottom-nav a{text-decoration:none;color:var(--muted);font-size:12px;padding:6px 8px;border-radius:10px;white-space:nowrap;position:relative}.bottom-nav a:hover,.bottom-nav a.nav-active{color:var(--accent)}.bottom-nav-indicator{position:absolute;left:0;bottom:4px;height:2px;width:0;background:linear-gradient(120deg,var(--accent),var(--accent-2));border-radius:999px;pointer-events:none;transition:transform .4s cubic-bezier(.22,.9,.25,1.1),width .35s ease}.actions{display:flex;align-items:center;gap:12px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:6px;padding:0 6px;border-radius:999px;background:#d14b4b;color:#fff7ec;font-size:11px}.badge.hidden{display:none}.notification-list{display:grid;gap:10px;max-height:60vh;overflow:auto}.notification-item{padding:10px 12px;border-radius:12px;border:1px solid rgba(214,198,178,.6);background:#fffcf8eb;box-shadow:0 8px 18px #7860481f;cursor:pointer}.notification-item.unread{border-color:#c08b5c99;box-shadow:0 10px 24px #c08b5c2e}.notification-meta{font-size:12px;color:var(--muted);margin-top:4px}.status{font-size:12px;color:var(--muted)}.hero,.star-hero{padding:90px 28px 120px}.hero{background-image:radial-gradient(circle at 20% 10%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 80% 0%,rgba(255,255,255,.5),transparent 50%),linear-gradient(180deg,#ffffff4d,#fffffff2)}.hero-tag{display:inline-flex;padding:6px 12px;border-radius:999px;border:1px solid rgba(192,139,92,.3);font-size:12px;color:var(--accent);letter-spacing:1px;background:#fff9}.hero-content h2{margin:8px 0 10px;font-size:32px;font-family:Times New Roman,SimSun,Songti SC,STSong,serif}.hero-content p{color:var(--muted);line-height:1.6}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}.guide-card{padding:12px 14px;border-radius:14px;border:1px solid rgba(214,198,178,.6);background:#fffcf8d9;box-shadow:0 10px 24px #7860481f}.guide-card strong{display:block;color:#6c4b2f;margin-bottom:6px}.hero-actions{margin-top:16px;display:flex;gap:12px}.hero-card{background:#fffcf8d1;border:1px solid var(--border);border-radius:18px;padding:18px;max-width:420px;box-shadow:var(--shadow)}button{border:none;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#3b2f25;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer}button.ghost{background:#fff9;border:1px solid rgba(192,139,92,.3);color:var(--accent)}label{font-size:12px;color:var(--muted);letter-spacing:.2px}input,textarea,select{width:100%;padding:8px 10px;border-radius:10px;border:1px solid rgba(214,198,178,.8);background:#fffcf8f2;color:var(--text);font-family:inherit;box-shadow:inset 0 1px 2px #7860480f}input::placeholder,textarea::placeholder{color:#8a7a6ab3}input:focus,textarea:focus,select:focus{outline:none;border-color:#c08b5ccc;box-shadow:0 0 0 3px #c08b5c2e}input[type=file]{padding:6px;background:#fffcf8b3}textarea{resize:vertical;min-height:90px}.card{background:linear-gradient(180deg,#fffcf8eb,#fff7ebe6);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow);backdrop-filter:blur(12px);position:relative;overflow:hidden;animation:fadeUp .52s ease both}.float-soft{animation:floatSoft 6s ease-in-out infinite}.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .52s ease,transform .52s ease}.card:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,#ffffff59,#ffffff59 6px,#fff0 12px);opacity:.12;pointer-events:none}.card.featured{background:linear-gradient(180deg,#fffdfafa,#fff5e6f2)}.card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.card-header h3{margin:0;color:#6c4b2f}.meta{color:var(--muted);font-size:12px;margin:6px 0 8px}.content{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;padding:10px 28px 52px}.feed{display:grid;gap:18px}.student-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.student-card{padding:12px;border-radius:12px;border:1px solid rgba(214,198,178,.5);background:#fffcf8e6;box-shadow:0 6px 18px #7860481f;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.student-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #78604829}.student-card .student-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .24s ease,opacity .2s ease;color:var(--muted);font-size:12px;margin-top:6px}.student-card.expanded .student-details{max-height:200px;opacity:1}.event-list{margin:0;padding-left:18px;color:var(--muted);line-height:1.8}.post-list{display:grid;gap:16px}.post-card{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:12px;border-radius:14px;background:#fffcf8e6;border:1px solid rgba(214,198,178,.5);box-shadow:0 10px 26px #7860481f}.post-cover{width:120px;height:90px;border-radius:12px;object-fit:cover}.post-meta{font-size:12px;color:var(--muted);margin-top:6px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.album-item{background:#fffcf8e6;border:1px solid rgba(214,198,178,.5);border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 8px 20px #7860481f;transition:transform .18s ease,box-shadow .18s ease}.album-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7860482e}.album-img{width:100%;height:130px;object-fit:cover;display:block}.album-caption{padding:10px;font-size:12px;color:var(--muted)}.message-form{margin-bottom:16px}.message-panel{transition:max-height .3s ease,opacity .2s ease;overflow:hidden}.message-panel.collapsed{max-height:0;opacity:0;pointer-events:none}.message-panel.expanded{max-height:2000px;opacity:1;pointer-events:auto}.section-panel{transition:max-height .3s ease,opacity .2s ease;overflow:hidden}.section-panel.collapsed{max-height:0;opacity:0;pointer-events:none}.section-panel.expanded{max-height:2000px;opacity:1;pointer-events:auto}.toggle-btn{margin-bottom:12px}.message-list{column-count:2;column-gap:14px}.message-card{padding:12px;border-radius:12px;border:1px solid rgba(214,198,178,.5);background:#fffcf8e6;box-shadow:0 8px 20px #7860481f;break-inside:avoid;margin-bottom:14px}.message-card img{width:100%;border-radius:10px;margin-top:10px;object-fit:cover;max-height:220px}.message-meta{font-size:12px;color:var(--muted);margin-top:6px}.comment-section{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(214,198,178,.6)}.comment-title{font-size:12px;color:var(--muted);margin-bottom:8px}.comment-list{display:grid;gap:8px;margin-bottom:10px}.comment-item{padding:8px 10px;border-radius:10px;border:1px solid rgba(214,198,178,.5);background:#fffcf8e0}.comment-head{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.comment-head strong{color:#6c4b2f;margin-right:auto}.comment-body{margin-top:6px;font-size:13px;color:var(--text)}.comment-empty{font-size:12px;color:var(--muted);padding:6px 0}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px}.comment-form input{padding:8px 10px;border-radius:10px;border:1px solid rgba(214,198,178,.7);background:#fffcf8f5}.comment-form button[disabled]{opacity:.5;cursor:not-allowed}.checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.relation-list{display:grid;gap:10px}.relation-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(214,198,178,.6);background:#fffcf8eb}.relation-requests{margin-top:14px;padding-top:12px;border-top:1px dashed rgba(214,198,178,.8)}.relation-requests h4{margin:0 0 8px;font-size:14px;color:#6c4b2f}.request-item{display:grid;gap:6px;padding:10px;border-radius:10px;border:1px solid rgba(214,198,178,.6);background:#fffcf8eb}.request-actions{display:flex;gap:8px}.sidebar{display:grid;gap:18px}.drawer{position:fixed;top:72px;right:20px;width:min(420px,92vw);max-height:calc(100vh - 120px);overflow:auto;padding:12px;background:#ffffffbf;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);backdrop-filter:blur(14px);transform:translateY(8px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:60;pointer-events:auto}.drawer.open{opacity:1;transform:translateY(0);pointer-events:auto}.drawer-overlay{position:fixed;inset:0;background:#0f172a14;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.drawer-overlay.open{opacity:1;pointer-events:none}.fab{position:fixed;right:24px;bottom:24px;z-index:45;border:none;background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#3b2f25;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow);cursor:pointer}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:50}.modal.open{display:flex}.modal-overlay{position:absolute;inset:0;background:#0f172a66;backdrop-filter:blur(6px)}.modal-content{position:relative;background:#fffffff5;border-radius:16px;padding:20px;width:min(420px,90vw);box-shadow:var(--shadow);z-index:1}.lightbox{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:60}.lightbox.open{display:flex}.lightbox-overlay{position:absolute;inset:0;background:#1e181280}.lightbox-content{position:relative;z-index:1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;max-width:min(90vw,980px)}.lightbox-content img{max-height:70vh;max-width:70vw;border-radius:16px;box-shadow:var(--shadow)}.lightbox-btn{border:none;background:#fffc;color:#5a4a3f;font-size:26px;width:40px;height:40px;border-radius:999px;cursor:pointer}.lightbox-meta{grid-column:2 / span 1;justify-self:center;color:#fff7ec;margin-top:12px;font-size:14px}.star-hero{background:radial-gradient(circle at 20% 20%,rgba(90,140,255,.22),transparent 45%),radial-gradient(circle at 80% 10%,rgba(138,210,255,.25),transparent 40%),linear-gradient(180deg,#030616,#060b1e 50%,#0b1533);color:#e9f1ff;min-height:calc(100vh - var(--header-h, 72px))}.star-hero-inner{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center}.starfield{position:relative;background:radial-gradient(circle at 20% 20%,rgba(120,190,255,.32),transparent 60%),radial-gradient(circle at 80% 10%,rgba(108,124,255,.22),transparent 55%),radial-gradient(circle at 50% 70%,rgba(90,140,255,.26),transparent 60%),radial-gradient(circle at 70% 80%,rgba(40,80,160,.28),transparent 60%),#050814fa;border-radius:16px;overflow:hidden;border:1px solid rgba(130,170,255,.3);height:62vh;min-height:520px;box-shadow:0 24px 60px #0a183c73,inset 0 0 30px #78b4ff26}.starfield:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(180,220,255,.12),transparent 40%),radial-gradient(circle at 80% 30%,rgba(150,180,255,.1),transparent 45%),radial-gradient(circle at 60% 80%,rgba(120,200,255,.08),transparent 40%),radial-gradient(circle at 35% 55%,rgba(120,190,255,.06),transparent 50%);pointer-events:none;animation:nebulaPulse 10s ease-in-out infinite}#starCanvas{width:100%;height:62vh;display:block}@keyframes nebulaPulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.pull-hint{margin-top:14px;font-size:12px;color:#e9f1ffb3}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1024px){.content{grid-template-columns:1fr}.nav{display:none}.bottom-nav{display:flex}.star-hero-inner{grid-template-columns:1fr}.message-list{column-count:1}}.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:2000;pointer-events:none}.server-gate{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1200;background:#0a0e1e99;backdrop-filter:blur(8px)}.server-gate.show{display:flex}.server-gate-card{width:min(360px,90vw);padding:20px 22px;border-radius:18px;background:#fffcf8eb;border:1px solid rgba(214,198,178,.6);box-shadow:0 20px 50px #14183247;text-align:center}.server-gate-title{font-weight:700;color:#3b2f25;margin-bottom:8px}.server-gate-status{margin-top:8px;font-size:13px;color:var(--muted)}.server-gate-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}.server-gate-dots span{width:6px;height:6px;border-radius:999px;background:var(--accent);opacity:.4;animation:gatePulse 1.1s ease-in-out infinite}.server-gate-dots span:nth-child(2){animation-delay:.2s}.server-gate-dots span:nth-child(3){animation-delay:.4s}@keyframes gatePulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.9;transform:translateY(-4px)}}.toast{min-width:240px;max-width:320px;padding:12px 14px;border-radius:12px;background:#181c32e6;color:#f2f6ff;border:1px solid rgba(160,200,255,.25);box-shadow:0 16px 36px #0a142859;backdrop-filter:blur(14px);opacity:0;transform:translateY(8px);animation:toastIn .22s ease forwards}.toast-title{font-weight:600;margin-bottom:4px;color:#dce9ff}.toast.hide{animation:toastOut .22s ease forwards}@keyframes toastIn{to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(8px)}}.star-panel{position:absolute;left:16px;top:16px;width:min(300px,90%);max-height:260px;overflow:hidden;padding:12px;border-radius:14px;border:1px solid rgba(130,170,255,.45);background:#121a3861;background-image:radial-gradient(circle at 20% 20%,rgba(120,180,255,.08),transparent 45%),radial-gradient(circle at 80% 10%,rgba(200,230,255,.06),transparent 50%),radial-gradient(circle at 30% 90%,rgba(140,200,255,.05),transparent 55%);color:#e7efff;box-shadow:0 12px 28px #060c1e80;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);transform:translateY(8px) scale(.98);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.star-panel.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.star-panel:before{content:"";position:absolute;inset:-1px;border-radius:14px;padding:1px;background:linear-gradient(135deg,#8cc8ff99,#7896ff33,#c8e6ff99);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderFlow 6s linear infinite;pointer-events:none}.star-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.star-panel-close{background:#ffffff1f;color:#e7efff;border:1px solid rgba(130,170,255,.35);border-radius:8px;width:26px;height:26px;padding:0;cursor:pointer}.star-panel:after{content:"";position:absolute;top:-8px;left:22px;width:14px;height:14px;background:#121a3861;border-left:1px solid rgba(130,170,255,.35);border-top:1px solid rgba(130,170,255,.35);transform:rotate(45deg)}.star-panel.hidden{display:none}.star-panel-title{font-weight:600;margin-bottom:6px}.star-panel-meta{font-size:12px;color:#e7efffb3;margin-bottom:8px;line-height:1.4}.star-panel-list{display:grid;gap:6px;font-size:12px;max-height:160px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(160,210,255,.45) transparent}.star-panel-item{padding:6px 8px;border-radius:10px;background:#78aaff1a;border:1px solid rgba(120,170,255,.25);line-height:1.4;word-break:break-word}.relation-name{font-weight:600;color:#e7effff2}.relation-tag{display:inline-flex;align-items:center;gap:4px;padding:0 6px;height:18px;border-radius:999px;border:1px solid rgba(120,190,255,.35);background:#6eaaff1f;color:#d2ebfff2;font-size:11px;letter-spacing:.2px}.relation-note{color:#bed2f0cc}.star-panel-more{padding:6px 8px;border-radius:10px;background:#78aaff14;border:1px dashed rgba(120,170,255,.35);color:#e7efffe6;cursor:pointer;text-align:center}.star-panel-list::-webkit-scrollbar{width:6px}.star-panel-list::-webkit-scrollbar-thumb{background:#a0d2ff73;border-radius:999px}.star-panel-list::-webkit-scrollbar-track{background:transparent}@keyframes borderFlow{0%{filter:drop-shadow(0 0 6px rgba(160,210,255,.35))}50%{filter:drop-shadow(0 0 14px rgba(160,210,255,.55))}to{filter:drop-shadow(0 0 6px rgba(160,210,255,.35))}}body.low-power .star-panel{background:#0c1228cc;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 10px 20px #060a1873}body.low-power .star-panel:before{animation:none}@media (max-width: 640px){body{font-size:14px}.topbar{padding:12px 16px;gap:10px}.brand{font-size:18px}.actions{gap:8px}.status,.nav{display:none}.hero,.star-hero{padding:70px 16px 80px}.star-panel{width:min(320px,92vw);max-height:45vh}.star-panel-list{max-height:28vh}.hero-content h2{font-size:26px;line-height:1.25}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.hero-card{max-width:100%}.content{padding:10px 16px 90px}.post-card{grid-template-columns:1fr}.post-cover{width:100%;height:160px}.album-img{height:140px}.drawer{top:60px;right:10px;width:calc(100vw - 20px);max-height:calc(100vh - 100px)}.fab{right:16px;bottom:78px;padding:8px 14px}.starfield,#starCanvas{height:48vh;min-height:320px}.star-panel{inset:auto 12px 12px;width:auto;max-height:180px}.modal-content{width:calc(100vw - 32px)}input,textarea,select{font-size:14px}}