:root{--paper:#fffcf7;--ink:#443847;--muted:#7a6975;--pink:#b54f75;--border:#d9b6c4;--blush:#fce5ed;--lilac:#eae2fa;--plum:#70508b}
*{box-sizing:border-box}body{margin:0;background:#f3f1f1;color:var(--ink);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--plum);outline-offset:4px}.paper{max-width:1440px;margin:24px auto;padding:24px 80px 70px;background-color:var(--paper);background-image:linear-gradient(#f3e5e582 1px,transparent 1px),linear-gradient(90deg,#f3e5e582 1px,transparent 1px);background-size:24px 24px}header{height:76px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:18px;background:transparent}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700;white-space:nowrap}.brand img{width:46px;height:46px;border-radius:50%}nav{display:flex;justify-content:space-between;align-items:center;gap:28px;font-size:12px;flex:1}nav .active{padding:8px;border-radius:8px;background:var(--blush);color:var(--pink);font-weight:bold}.search{border:1px solid var(--border);border-radius:10px;padding:6px 10px;background:white;white-space:nowrap}.layout{display:grid;grid-template-columns:264px minmax(0,1fr);gap:24px}.side,.content{display:flex;flex-direction:column;gap:22px}.card{padding:20px;border:1px solid var(--border);border-radius:18px;background:white;box-shadow:3px 5px 0 #a27b8c1f}h1,h2,h3,p{margin:0}h2{font-size:19px;color:var(--pink)}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.heading small{font-size:10px;color:var(--muted);font-weight:normal}.about{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}.about:before{content:"";width:90px;height:24px;position:absolute;top:-10px;background:#e4f1dfd9;transform:rotate(4deg)}.logo{width:102px;height:102px;border-radius:50%}.pill{border-radius:99px;padding:5px 12px;font-size:11px;background:#e4f1df;color:#52724f;font-weight:700}.about h2{font-size:21px}.muted{color:var(--muted)}.about .body{text-align:left;width:100%;font-size:14px;border-top:1px solid #f3e5e5;padding-top:16px}.about .body p+p{font-size:13px;color:var(--muted);margin-top:16px}.primary{display:block;width:100%;border:0;background:var(--pink);color:white;border-radius:12px;padding:12px 8px;font-weight:700}.notice .summary{display:flex;align-items:center;gap:12px;margin-bottom:12px}.notice .thumb{width:58px;height:64px;border-radius:12px;background:var(--blush);position:relative;flex-shrink:0}.thumb img{position:absolute;width:40px;height:40px;left:9px;top:7px;border-radius:50%}.thumb b{position:absolute;bottom:0;right:7px;font-size:21px;color:var(--pink)}.notice small{font-size:10px;color:var(--plum);font-weight:bold}.notice h3{font-size:14px;margin-top:4px}.notice p{font-size:12px;color:var(--muted);line-height:1.55}.notice .more{display:block;margin-top:12px;font-size:12px;font-weight:bold;color:var(--pink)}.dept{display:flex;flex-direction:column;gap:16px;background:var(--paper)}.dept p{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.dept b{padding:5px 12px;min-width:76px;border-radius:99px;background:#fff0c8;color:var(--ink)}.hero{height:224px;background:var(--blush);padding:24px 30px;position:relative;overflow:hidden}.hero .kicker{display:inline-block;border-radius:99px;padding:5px 12px;background:white;color:var(--pink);font-size:11px;font-weight:700}.hero h1{font-size:36px;margin:8px 0}.hero p{font-size:15px;color:var(--muted);margin-bottom:8px}.tags{display:flex;gap:12px}.tags span{padding:5px 12px;background:white;border-radius:99px;color:var(--plum);font-size:11px;font-weight:bold}.flower{position:absolute;right:48px;top:34px;font-size:94px;line-height:1;color:#f5b8ce}.sticker{position:absolute;right:30px;bottom:15px;background:#fff0c8;border:1px solid var(--border);padding:8px 14px;border-radius:8px;transform:rotate(5deg);font-weight:bold}.featured{display:grid;grid-template-columns:304px minmax(0,1fr);gap:22px}.music{background:var(--lilac)}.music h2{color:var(--plum)}.player{height:273px;width:264px}.record-holder{height:214px;padding-top:3px;display:flex;justify-content:center}.record{width:208px;height:208px;position:relative;border-radius:50%;background:#29262f;animation:spin 8s linear infinite;animation-play-state:paused;flex-shrink:0}.record:before{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid #7a697573;box-shadow:inset 0 0 0 4px #29262f,inset 0 0 0 4.7px #7a697573,inset 0 0 0 8px #29262f,inset 0 0 0 8.7px #7a697573}.record img{position:absolute;left:22px;top:22px;width:164px;height:164px;object-fit:cover;border:2px solid var(--lilac);border-radius:50%}.record:after{content:"";position:absolute;left:95px;top:95px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#29262f 0 2.5px,#fce5ed 2.6px)}@keyframes spin{to{transform:rotate(360deg)}}.counter{text-align:center;font-size:11px;color:var(--muted);height:23px;padding-top:3px}.controls{height:36px;display:flex;justify-content:center;align-items:center;gap:18px}.control{display:flex;align-items:center;justify-content:center;width:30px;height:36px;background:transparent;color:var(--plum);border:0;padding:0}.control svg{width:24px;height:24px}.toggle{width:44px;color:white;border-radius:99px;background:var(--pink)}.track{text-align:center;margin-top:12px}.track h3{font-size:16px}.track p{color:var(--muted);font-size:11px;margin-top:4px}.track .album{font-size:10px}.tracklinks{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--plum);font-size:11px;font-weight:bold}.event img{width:100%;height:224px;object-fit:cover;border-radius:12px;margin:4px 0 16px}.event .date{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}.event .tag{background:var(--blush);color:var(--pink);padding:5px 12px;border-radius:99px;font-size:11px;font-weight:bold}.event h3{font-size:23px;margin:16px 0}.event p{font-size:14px;color:var(--muted)}.event .more{display:block;margin-top:16px;color:var(--pink);font-size:13px;font-weight:bold}.end-note{padding-top:28px;font-size:12px;color:var(--muted)}@media(max-width:1150px){.paper{padding:24px}.hero h1{font-size:28px}nav{gap:12px}.brand{font-size:18px}.flower{display:none}}@media(max-width:940px){header{height:auto;align-items:flex-start;flex-direction:column}nav{flex-wrap:wrap;justify-content:flex-start}.layout{grid-template-columns:264px 1fr}.featured{grid-template-columns:1fr}.music{width:304px;max-width:100%}.hero{height:auto;min-height:224px}.hero h1{font-size:26px}.hero .sticker{display:none}}@media(max-width:640px){.paper{padding:24px 16px}.layout{display:flex;flex-direction:column}.side{display:grid;grid-template-columns:1fr}.content{min-width:0}.music{width:100%}.player{margin:auto}.featured{display:flex;flex-direction:column}.dept{display:none}.hero h1{font-size:25px}}

.layout{height:1224px}.side,.content{min-height:0}.about{height:464px;flex-shrink:0}.notice{height:245px;flex-shrink:0}.dept{height:232px;flex-shrink:0}.hero{flex-shrink:0}.featured{height:504px;flex-shrink:0}.social{flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;min-height:0}.social .heading{margin:0}.social .account{display:flex;flex-direction:column;gap:2px}.account a,.account strong{font-size:13px;color:var(--pink);font-weight:700}.account span{font-size:12px;color:var(--muted)}.study{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:1;min-height:0}.study .card{display:flex;flex-direction:column;gap:16px;position:relative}.study .heading{margin:0}.study h3{font-size:26px}.study p{color:var(--muted);font-size:14px}.study .readtag{align-self:flex-start;background:#fff0c8;color:var(--ink);border-radius:99px;padding:5px 12px;font-size:11px;font-weight:700}.study .caption{font-size:14px;color:var(--pink);font-weight:700}.study .quote{font-size:12px;border-top:1px solid #f3e5e5;padding-top:12px}.secondary{display:inline-flex;align-items:center;justify-content:center;background:white;color:var(--pink);border:1px solid var(--border);border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;min-height:44px}.study .secondary{margin-top:auto;align-self:flex-start;min-width:190px}.grammar-list{display:flex;flex-direction:column;gap:14px}.grammar-list p{display:flex;gap:14px;align-items:center}.grammar-list b{display:block;min-width:76px;border-radius:99px;background:var(--blush);color:var(--pink);font-size:11px;padding:5px 12px}.grammar-list strong{font-size:16px;color:var(--ink)}.notice-links{display:flex;gap:12px;margin-top:12px}.notice-links a{font-size:12px;font-weight:bold;color:var(--pink);width:106px}.guestboard{margin-top:24px;padding:28px}.board-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.board-title h2{font-size:24px;margin-bottom:6px}.board-title p{font-size:14px;color:var(--muted)}.board-title>span{font-size:11px;color:var(--muted)}.board-columns{display:grid;grid-template-columns:minmax(0,752fr) minmax(0,448fr);gap:24px}.wall{display:flex;flex-direction:column;gap:20px}.wall-heading{display:flex;justify-content:space-between;align-items:center}.wall-heading h3{font-size:18px}.wall-heading span{font-size:12px;color:var(--pink);font-weight:700}.message{border:1px solid var(--border);border-radius:16px;background:var(--paper);padding:24px;display:flex;flex-direction:column;gap:16px}.author{display:flex;align-items:center;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--blush);display:grid;place-items:center;font-size:16px;font-weight:bold;color:var(--pink)}.author strong{font-size:14px}.author time{margin-left:auto;font-size:11px;color:var(--muted)}.message>p{font-size:15px}.reply{padding:16px;background:#e4f1df;border-radius:12px}.reply strong{display:block;margin-bottom:8px;font-size:12px;color:#52724f}.reply p{font-size:14px}.text-link{color:var(--pink);font-size:12px;font-weight:bold}.wall-note{font-size:12px;color:var(--muted)}.topic-box{padding:20px;background:#fff0c8;border-radius:18px;display:flex;flex-direction:column;gap:14px}.topic-box h3{font-size:18px}.topic-box p{font-size:13px;color:var(--muted)}.topics{display:flex;gap:12px}.topics .secondary{font-size:13px;min-height:38px;flex:1;padding:8px}.composer{border:1px solid var(--border);border-radius:18px;background:var(--blush);padding:20px;height:608px;display:flex;flex-direction:column;gap:12px}.compose-tabs{display:flex;gap:8px}.compose-tabs button{flex:1;border:1px solid var(--border);background:white;color:var(--pink);border-radius:12px;height:36px;font-size:14px;font-weight:bold}.compose-tabs button[aria-selected=true]{background:var(--pink);color:white;border-color:var(--pink)}.compose-panel{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.compose-panel[hidden]{display:none}.compose-intro h3{font-size:18px;margin-bottom:4px}.compose-intro p{font-size:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12px;font-weight:bold}.field-row{display:flex;gap:12px}.field-row .field{flex:1;min-width:0}.consent-info{font-size:11px;color:var(--muted)}.compose-panel>.primary{margin-top:auto;text-align:center;min-height:44px}.guestboard .disclosure{font-size:11px;color:var(--muted);margin-top:20px}.footer{margin-top:32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.footer .legal{font-size:10px}.end-note{padding-top:16px}
@media(max-width:1150px){.layout{height:auto}.side,.content{height:auto}.about,.notice,.dept,.featured{height:auto}.social{min-height:215px}.study{min-height:430px}.board-columns{grid-template-columns:1.4fr 1fr}.topics{flex-wrap:wrap}.topic-box .secondary{min-width:150px}.composer{height:660px}}
@media(max-width:940px){.study{grid-template-columns:1fr}.study .card{min-height:380px}.board-columns{grid-template-columns:1fr}.composer{height:608px}.board-title{gap:20px}.board-title p{font-size:13px}}
@media(max-width:640px){.guestboard{padding:20px}.board-title>span{display:none}.wall-heading{gap:12px}.author{flex-wrap:wrap}.author time{margin-left:48px}.topics{flex-direction:column}.field-row{flex-direction:column}.composer{height:auto;min-height:610px}.footer{flex-direction:column}.composer .primary{margin-top:16px}}