@import"https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap";:root{--lake:#174f62;--lake-deep:#0a303d;--ice:#e8f0ef;--paper:#fffdf8;--ink:#1c2b2f;--ink-soft:#5e6d70;--cardinal:#b51f2b;--cardinal-deep:#881522;--gold:#dda83b;--line:#d5dfdc;--display:"KaiTi","STKaiti","Kaiti SC",serif;--body:"KaiTi","STKaiti","Kaiti SC","DFKai-SB",serif;--mono:"DM Mono",monospace;--radius:18px;--shadow:0 14px 34px rgba(10,48,61,.11)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background:var(--ice);font:400 1rem/1.5 var(--body);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;opacity:.4;background-image:radial-gradient(rgba(23,79,98,.12) .6px,transparent .6px);background-size:12px 12px;pointer-events:none}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.035em;line-height:1.05}.wrap{max-width:1140px;margin:0 auto;padding:0 22px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--cardinal);font:500 .68rem/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:19px;height:2px;background:currentColor}.eng{font-family:Libre Baskerville,serif}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;min-height:86px;padding:8px max(22px,calc((100vw - 1096px)/2));padding-top:max(8px,env(safe-area-inset-top));background:#c5050c;color:var(--ink);border-bottom:1px solid rgba(28,43,47,.1);box-shadow:0 5px 20px #0a303d0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav .brand{flex:1;display:flex;align-items:center;min-width:0}.nav .brand img{height:80px;width:auto}.nav a.link{position:relative;color:#e1e8e9;font-size:.84rem;font-weight:700;text-decoration:none}.nav a.link:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--cardinal);transform:scaleX(0);transition:transform .18s}.nav a.link:hover,.nav a.link.active{color:#fff}.nav a.link.active:after{transform:scaleX(1)}.nav .avatar{width:38px;height:38px;border:2px solid var(--gold);border-radius:50%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 19px;cursor:pointer;color:#fff;background:var(--cardinal);border:1px solid var(--cardinal);border-radius:999px;box-shadow:0 4px 0 var(--cardinal-deep);font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--cardinal-deep)}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--cardinal-deep)}.btn.ghost{color:var(--cardinal);background:transparent;box-shadow:none}.btn.ghost:hover{background:#f9e8e8;box-shadow:none}.btn.lake{background:var(--lake);border-color:var(--lake);box-shadow:0 4px 0 var(--lake-deep)}.btn.sm{min-height:35px;padding:7px 13px;font-size:.8rem}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.field{display:grid;gap:6px;margin-bottom:17px}.field label{font-size:.84rem;font-weight:700}.field .hint{color:var(--ink-soft);font-size:.78rem}input[type=text],input[type=email],input[type=number],textarea,select{width:100%;min-height:44px;padding:12px 13px;color:var(--ink);background:#fffefa;border:1px solid var(--line);border-radius:10px;box-shadow:inset 0 1px 2px #0a303d08;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{border-color:var(--lake);outline:none;box-shadow:0 0 0 3px #174f621f}textarea{min-height:120px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err,.ok{padding:10px 14px;border-radius:10px;font-weight:600}.err{color:#8a2020;background:#fbe9e8}.ok{color:#235f40;background:#e4f2e9;word-break:break-all}.card{padding:22px;background:var(--paper);border:1px solid rgba(28,43,47,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.hero{overflow:hidden;padding:80px 0 72px;color:#fff;background-color:var(--lake-deep);background-image:linear-gradient(105deg,#05242ebd,#08303d4d 48%,#08303d05),url(/assets/terrace-watercolor-DI8eOQTC.jpg);background-position:center 56%;background-size:cover}.hero:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:34px}.hero .eyebrow{margin-bottom:15px;color:#f1c561}.hero-wordmark{width:min(100%,500px);height:auto;filter:drop-shadow(0 3px 18px rgba(8,47,58,.52))}.hero p{max-width:46ch;margin:18px 0 26px;font-size:1.03rem;opacity:.96;text-shadow:0 2px 10px rgba(8,47,58,.45)}.spotlight{margin-top:26px}.spot-card{position:relative;display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;padding:17px;color:var(--ink);background:#fffdf8fa;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);box-shadow:0 18px 46px #00192252;transform:rotate(-.55deg);animation:spot-in .5s cubic-bezier(.2,.8,.2,1)}.spot-card:after{content:"";position:absolute;right:12px;bottom:11px;left:12px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);border-radius:99px}.spot-card .face{width:86px;height:86px;border:3px solid var(--gold);border-radius:50%;box-shadow:0 0 0 4px var(--paper);object-fit:cover}.spot-card .tag{position:absolute;top:-11px;right:16px;padding:5px 10px;color:#fff;background:var(--cardinal);border-radius:999px;font:500 .63rem var(--mono);letter-spacing:.1em;text-transform:uppercase;transform:rotate(2deg)}.spot-card h3{font-size:1.38rem}.spot-card p{margin:4px 0 0;color:var(--ink-soft);font-size:.86rem}.spot-card .thumb{width:100%;height:64px;margin-top:9px;border-radius:8px;object-fit:cover}.spot-dots{display:flex;justify-content:center;gap:6px;margin-top:15px}.spot-dots button{width:7px;height:7px;padding:0;cursor:pointer;background:#ffffff6b;border:0;border-radius:50%}.spot-dots button.on{width:25px;background:var(--gold);border-radius:999px}@keyframes spot-in{0%{opacity:0;transform:rotate(-.55deg) translateY(12px)}to{opacity:1;transform:rotate(-.55deg)}}.yearbook{padding:45px 0 75px}.yearbook-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.yearbook-head h2{margin-top:5px;font-size:clamp(2rem,4vw,2.55rem)}.yearbook-head input{max-width:280px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:17px}.ybc{position:relative;padding:12px 11px 15px;text-align:center;background:var(--paper);border:1px solid rgba(28,43,47,.07);border-radius:15px;box-shadow:0 3px 12px #082f3a14;text-decoration:none;transition:transform .18s,box-shadow .18s}.ybc:hover{box-shadow:0 12px 25px #082f3a24;transform:translateY(-5px) rotate(-.5deg)}.ybc:before{content:"";position:absolute;top:7px;right:7px;left:7px;height:3px;background:var(--gold);border-radius:9px}.ybc img{width:100%;aspect-ratio:1;margin:5px 0 10px;border-radius:50% 50% 46% 46%/52% 52% 48% 48%;object-fit:cover}.ybc .nm{font-family:var(--display);font-size:1.06rem;font-weight:600;line-height:1.16}.ybc .yr{margin-top:4px;color:var(--cardinal);font:500 .72rem var(--mono);letter-spacing:.05em}.ybc .mt{margin-top:3px;color:var(--ink-soft);font-size:.75rem}.empty{padding:42px 20px;color:var(--ink-soft);text-align:center}.feed{display:grid;max-width:660px;gap:19px;margin:0 auto;padding:34px 16px 80px}.post{overflow:hidden;background:var(--paper);border:1px solid rgba(28,43,47,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.post .who{display:flex;align-items:center;gap:11px;padding:14px 16px}.post .who img{width:42px;height:42px;border-radius:50%;outline:2px solid var(--gold);outline-offset:2px;object-fit:cover}.post .who b{display:block}.post .who small{color:var(--ink-soft);font-size:.75rem}.post .who a{text-decoration:none}.post>img.pic,.post>video.pic{width:100%;max-height:70vh;object-fit:cover}.post .txt{padding:5px 16px 14px}.post .txt h3{margin-bottom:7px;font-size:1.4rem}.post .txt p{margin:0;white-space:pre-wrap}.post .acts{display:flex;gap:8px;padding:7px 11px 12px;border-top:1px solid var(--line)}.post .acts button{min-height:40px;padding:8px 10px;cursor:pointer;color:var(--ink-soft);background:none;border:0;border-radius:8px;font-weight:700}.post .acts button:hover{background:#f6efdf}.post .acts button.on{color:var(--cardinal)}.composer{display:grid;gap:11px}.composer .kinds{display:flex;gap:8px}.composer .kinds button{flex:1;min-height:44px;padding:10px;cursor:pointer;background:#fffefa;border:1px solid var(--line);border-radius:10px;font-weight:700}.composer .kinds button.on{color:var(--lake-deep);background:#e9f2f2;border-color:var(--lake)}.preview{width:100%;max-height:260px;border-radius:10px;object-fit:cover}.photo-pick{display:flex;align-items:center;gap:16px}.photo-pick img,.photo-pick .ph{width:96px;height:96px;background:var(--ice);border:4px solid var(--gold);border-radius:50%;object-fit:cover}.photo-pick input{display:none}.person-head{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:18px;padding:44px 0 26px}.person-head img{width:120px;height:120px;border:5px solid var(--gold);border-radius:50%;box-shadow:0 0 0 5px var(--paper),var(--shadow);object-fit:cover}.person-head h1{font-size:2.25rem}.login{max-width:440px;margin:58px auto}.login h1{margin:8px 0;font-size:2.25rem}.login .or{margin:14px 0;color:var(--ink-soft);font-size:.85rem;text-align:center}.admin{max-width:940px;padding-top:42px;padding-bottom:80px}.admin-login p,.admin-head p{color:var(--ink-soft)}.admin-head{display:flex;align-items:start;justify-content:space-between;gap:18px;margin-bottom:24px}.admin-head h1{margin:7px 0;font-size:2.4rem}.admin-head p{margin:0}.admin-tabs{display:flex;gap:8px;margin:24px 0 16px}.admin-tabs button{padding:9px 14px;cursor:pointer;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;font-weight:700}.admin-tabs button.on{color:#fff;background:var(--lake);border-color:var(--lake)}.admin-tabs span{display:inline-grid;min-width:20px;place-items:center;margin-left:4px;padding:1px 5px;color:inherit;background:#ffffff2b;border-radius:99px;font-size:.75rem}.admin-list{display:grid;gap:12px}.admin-item{display:grid;grid-template-columns:92px 1fr auto;align-items:center;gap:17px;padding:14px;background:var(--paper);border:1px solid rgba(28,43,47,.1);border-radius:14px;box-shadow:0 3px 12px #082f3a0f}.admin-item>img,.admin-avatar{width:92px;height:76px;background:var(--ice);border-radius:9px;object-fit:cover}.admin-item.member>img,.admin-item.member .admin-avatar{width:58px;height:58px;border-radius:50%}.admin-item-main{min-width:0}.admin-item-main b,.admin-item-main small{display:block}.admin-item-main small{color:var(--ink-soft);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-item-main h2{margin-top:4px;font-size:1.15rem}.admin-item-main p{margin:4px 0 0;font-size:.88rem;white-space:pre-wrap}.btn.danger{background:var(--cardinal-deep);border-color:var(--cardinal-deep);box-shadow:0 4px #5d0910}.person-photo2{max-width:620px;margin:18px auto 0;overflow:hidden;background:var(--paper);border:1px solid rgba(28,43,47,.08);border-radius:var(--radius);box-shadow:var(--shadow)}.person-photo2 img{width:100%;max-height:680px;object-fit:cover}.intro-hero{padding:94px 0 88px;color:#fff;background:linear-gradient(120deg,#0a303df5,#174f62bd),url(/assets/terrace-watercolor-DI8eOQTC.jpg) center/cover}.intro-hero h1{max-width:10ch;margin:15px 0 20px;font-size:clamp(3rem,7vw,5.6rem)}.intro-hero p{max-width:40ch;margin:0 0 28px;font-size:1.1rem;line-height:1.8}.intro-hero .eyebrow{color:#f1c561}.intro-body{grid-template-columns:.8fr 1.2fr;gap:60px;padding-top:76px;padding-bottom:76px}.intro-lead h2,.intro-close h2{margin:9px 0 16px;font-size:clamp(2.1rem,4vw,3.4rem)}.intro-lead p{color:var(--ink-soft);font-size:1.05rem;line-height:1.8}.intro-grid{display:grid;gap:14px}.intro-grid article{padding:22px;background:var(--paper);border:1px solid rgba(28,43,47,.09);border-radius:var(--radius);box-shadow:0 6px 18px #082f3a12}.intro-grid span{color:var(--cardinal);font:500 .75rem var(--mono)}.intro-grid h3{margin:5px 0 7px;font-size:1.5rem}.intro-grid p{margin:0;color:var(--ink-soft)}.intro-close{padding:66px 0;color:#fff;text-align:center;background:var(--lake-deep)}.intro-close h2{margin-bottom:24px}.site-footer{padding:24px 16px;color:#ffffffd1;background:var(--lake-deep);border-top:1px solid rgba(255,255,255,.16);font-size:.82rem;text-align:center}@media (max-width:540px){.nav{min-height:72px;gap:13px;padding-inline:15px}.nav .brand img{height:47px}.nav .btn.sm{padding:6px 9px}.wrap{padding-inline:16px}.hero{padding:58px 0 59px}.yearbook-head{align-items:stretch}.yearbook-head input{max-width:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-head{grid-template-columns:88px 1fr;padding-top:28px}.person-head img{width:88px;height:88px}.person-head h1{font-size:1.8rem}.admin{padding-top:28px}.admin-head{align-items:stretch;flex-direction:column}.admin-head .btn{align-self:start}.admin-item{grid-template-columns:54px 1fr;gap:12px}.admin-item>img{width:54px;height:54px}.admin-item .btn{grid-column:1 / -1;width:100%}.admin-item.member>img,.admin-item.member .admin-avatar{width:54px;height:54px}}@media (min-width:760px){.hero{padding:96px 0 94px}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:58px}.spotlight{margin-top:0}.spot-card{grid-template-columns:116px 1fr;padding:22px}.spot-card .face{width:116px;height:116px}.grid{grid-template-columns:repeat(auto-fill,minmax(174px,1fr))}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width:700px){.intro-hero{padding:68px 0}.intro-body{grid-template-columns:1fr;gap:30px;padding-top:48px;padding-bottom:48px}}.admin-item.reunion-item{grid-template-columns:1fr}.hidden{display:none}