@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--bg:#eff7f4;--surface:rgba(255,255,255,.64);--solid:#fff;--text:#143d3b;--muted:#65817e;--line:rgba(20,61,59,.12);--primary:#166a65;--primary-2:#0e4d4a;--accent:#ed6b5e;--shadow:0 18px 50px rgba(14,60,57,.11);--serif:'Noto Serif SC',serif;--sans:'Noto Sans SC',sans-serif;--mono:'DM Mono',monospace}html[data-theme=dark]{--bg:#102c2c;--surface:rgba(21,56,55,.7);--solid:#183b3a;--text:#f1f8f4;--muted:#b4ccc6;--line:rgba(228,247,240,.14);--primary:#9bdbcf;--primary-2:#cbf2e9;--accent:#ff9382;--shadow:0 18px 50px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--sans);line-height:1.55;transition:background .3s,color .3s}.noise{position:fixed;inset:0;opacity:.18;pointer-events:none;background-image:radial-gradient(var(--text) .45px,transparent .6px);background-size:5px 5px;mix-blend-mode:soft-light;z-index:-1}.site-header{height:82px;max-width:1280px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);text-decoration:none;font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.1}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--primary);color:#fff;border-radius:10px;font-family:var(--mono);font-size:16px}.brand small{display:block;font:9px var(--mono);letter-spacing:1.1px;color:var(--muted);margin-top:4px}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:14px;text-decoration:none;color:var(--muted);transition:color .2s}.site-header nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:10px}.icon-button,.account-button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;height:36px;padding:0 12px;font:13px var(--sans);cursor:pointer}.icon-button{width:36px;padding:0;font-size:19px}.account-button:hover,.icon-button:hover{border-color:var(--primary)}.hidden{display:none!important}.hero{max-width:1280px;min-height:545px;margin:auto;padding:82px 48px 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:290px;height:290px;border:1px solid var(--line);border-radius:50%;top:-190px;left:36%;pointer-events:none}.eyebrow{font:11px var(--mono);letter-spacing:1.5px;color:var(--accent);margin:0 0 14px}.hero h1,.section-heading h2,.upload-panel h2{font-family:var(--serif);letter-spacing:0;font-weight:600;margin:0;line-height:1.15}.hero h1{font-size:clamp(43px,5vw,68px)}.hero-copy>p:not(.eyebrow){max-width:385px;color:var(--muted);font-size:16px;margin:22px 0 30px}.hero-actions{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;min-height:44px;padding:0 18px;border:1px solid transparent;font:500 14px var(--sans);cursor:pointer;text-decoration:none;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-2);color:#103533}.button.subtle{border-color:var(--line);color:var(--text);background:var(--surface)}.hero-art{height:355px;position:relative}.art-card{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:19px;background:var(--solid);box-shadow:var(--shadow);overflow:hidden}.art-card:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.15),transparent 60%)}.art-card span,.art-card em{position:relative;z-index:1}.art-card span{font:12px var(--mono);letter-spacing:1px}.art-card em{font-family:var(--serif);font-style:normal;font-size:19px}.card-one{width:210px;height:274px;left:2%;top:34px;background:linear-gradient(145deg,#9ebbad,#e6ddc5 56%,#8eaa9d);transform:rotate(-7deg);border-radius:5px}.card-two{width:232px;height:312px;right:4%;top:0;background:linear-gradient(160deg,#123f3c,#3a857b 44%,#e37f6d);color:#fff;transform:rotate(7deg);border-radius:5px}.card-two em{align-self:flex-end}.card-three{width:116px;height:100px;bottom:0;left:36%;background:#efce70;transform:rotate(-2deg);border-radius:4px}.toolbar,.gallery-section{max-width:1184px;margin:0 auto;padding:0 0 40px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}.search-field{width:min(500px,100%);height:46px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 5px 0 14px;background:var(--surface);backdrop-filter:blur(14px)}.search-field span{font-size:23px;color:var(--muted);margin-right:8px}.search-field input{width:100%;min-width:0;border:0;background:transparent;color:var(--text);font:14px var(--sans);outline:none}.search-field button{border:0;background:var(--primary);color:#fff;border-radius:6px;height:34px;padding:0 13px;cursor:pointer;font:13px var(--sans)}.category-row{display:flex;gap:8px;overflow:auto;max-width:100%;padding-bottom:2px}.chip{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);height:31px;padding:0 14px;white-space:nowrap;cursor:pointer;font:13px var(--sans)}.chip.active,.chip:hover{background:var(--text);color:var(--bg);border-color:var(--text)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:32px 0 23px}.section-heading h2{font-size:31px}.section-heading span{font:11px var(--mono);color:var(--muted)}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;min-height:250px}.album-card{display:block;min-width:0;color:var(--text);text-decoration:none;animation:rise .45s both}.album-card:nth-child(2){animation-delay:.06s}.album-card:nth-child(3){animation-delay:.12s}.album-cover{height:318px;background:linear-gradient(145deg,#2f605c,#d9d5bc);overflow:hidden;position:relative;border-radius:7px}.album-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.album-card:hover img{transform:scale(1.04)}.album-cover:has(img){background:var(--solid)}.album-cover .count{position:absolute;right:10px;bottom:10px;padding:4px 8px;border-radius:4px;background:rgba(9,31,30,.63);backdrop-filter:blur(7px);color:#fff;font:11px var(--mono)}.album-meta{padding:13px 2px 0;display:flex;justify-content:space-between;gap:12px}.album-meta h3{font:600 16px var(--serif);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-meta p{margin:4px 0 0;color:var(--muted);font-size:12px}.album-meta time{color:var(--muted);font:11px var(--mono);white-space:nowrap}.empty{grid-column:1/-1;padding:48px 0;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.skeleton{height:320px;border-radius:7px;background:linear-gradient(90deg,var(--surface),var(--solid),var(--surface));background-size:200% 100%;animation:shimmer 1.3s infinite}.upload-panel{max-width:1184px;margin:42px auto 74px;padding:54px;background:var(--text);color:var(--bg);border-radius:8px;display:flex;align-items:end;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.upload-panel:after{content:'青律';position:absolute;right:-11px;bottom:-55px;font:170px var(--serif);color:rgba(255,255,255,.07);pointer-events:none}.upload-panel h2{font-size:36px}.upload-panel>div>p:last-child{color:rgba(238,247,244,.7);max-width:520px;font-size:14px}.upload-panel .button{position:relative;z-index:1;background:var(--accent);white-space:nowrap}.modal-layer{position:fixed;inset:0;background:rgba(6,26,25,.48);z-index:10;display:grid;place-items:center;padding:18px;backdrop-filter:blur(9px)}.modal{background:var(--solid);width:min(550px,100%);max-height:90vh;overflow:auto;padding:30px;border-radius:8px;box-shadow:var(--shadow);position:relative}.modal h2{font:600 28px var(--serif);margin:0 0 5px}.modal .muted{margin:0 0 22px;color:var(--muted);font-size:13px}.close{position:absolute;right:13px;top:12px;border:0;background:none;color:var(--text);font-size:25px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.form-stack label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.span-2{grid-column:span 2}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input,.form-stack select,.form-stack textarea{border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text);padding:10px;font:14px var(--sans);outline:none;width:100%}.form-grid textarea,.form-stack textarea{min-height:86px;resize:vertical}.form-stack{display:grid;gap:13px}.form-row{display:flex;gap:8px;align-items:end}.captcha{width:128px;height:44px;border-radius:6px;border:1px solid var(--line);cursor:pointer}.modal footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px}.link-button{border:0;background:none;color:var(--primary);cursor:pointer;font:13px var(--sans);padding:0}.notice{padding:10px 12px;margin:13px 0;border-radius:6px;font-size:13px;background:rgba(22,106,101,.12);color:var(--primary)}.notice.error{background:rgba(237,107,94,.16);color:#b74436}.upload-drop{border:1px dashed var(--primary);background:rgba(22,106,101,.06);border-radius:7px;padding:32px 15px;text-align:center;color:var(--muted);cursor:pointer}.upload-drop strong{color:var(--text);display:block;font-family:var(--serif);font-size:18px;margin-bottom:5px}.file-list{margin:14px 0;display:grid;gap:7px}.file-item{padding:8px 10px;background:var(--bg);border-radius:5px;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-link{font-size:13px;color:var(--primary)}.detail-shell{max-width:1040px;margin:54px auto;padding:0 28px}.detail-head{max-width:720px;margin-bottom:32px}.detail-head h1{font:600 44px var(--serif);margin:8px 0}.detail-head .byline{color:var(--muted);font-size:13px}.detail-head .description{white-space:pre-wrap;color:var(--muted)}.photo-wall{columns:2;gap:14px}.photo-wall img{width:100%;display:block;border-radius:5px;margin:0 0 14px}.locked{max-width:500px;margin:100px auto;text-align:center}.locked h1{font-family:var(--serif)}.install-page{min-height:100vh;display:grid;place-items:center;padding:24px}.install-shell{width:min(650px,100%);background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--line);padding:36px;border-radius:8px;box-shadow:var(--shadow)}.install-shell h1{font:600 42px var(--serif);margin:0}.install-shell h2{font:600 19px var(--serif);margin:26px 0 12px}.install-form>.button{width:100%;margin-top:24px}@keyframes rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:800px){.site-header{height:68px;padding:0 16px}.site-header nav{display:none}.account-button{padding:0 9px;font-size:12px}.hero{display:block;min-height:0;padding:50px 23px 28px}.hero h1{font-size:43px}.hero-art{height:250px;margin-top:36px}.card-one{height:200px;width:153px}.card-two{height:228px;width:172px}.card-three{left:34%;width:95px;height:70px}.toolbar,.gallery-section{padding-left:16px;padding-right:16px}.toolbar{padding-top:17px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.album-cover{height:240px}.album-meta{display:block}.album-meta time{display:block;margin-top:7px}.upload-panel{margin:27px 16px 42px;padding:32px 23px;display:block}.upload-panel h2{font-size:30px}.upload-panel .button{width:100%;margin-top:10px}.modal{padding:24px 18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.detail-shell{margin:32px auto;padding:0 16px}.detail-head h1{font-size:34px}.photo-wall{columns:1}.section-heading h2{font-size:27px}}@media(max-width:390px){.brand{font-size:16px}.header-actions{gap:5px}.account-button{font-size:11px;padding:0 7px}.hero h1{font-size:37px}.album-cover{height:205px}}