@charset "UTF-8";
:root{--ink:#233f34;--green:#246c56;--muted:#6e7c70;--paper:#fbfaf5;--line:#e3e6db}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #db9b47;outline-offset:4px}.topbar{max-width:1240px;margin:auto;display:flex;align-items:center;gap:20px;padding:30px 42px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:19px;font-weight:800;letter-spacing:1px}.brand-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--green);color:#f4e897;border-radius:14px;font-size:31px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;font-weight:600;color:var(--muted)}.header-note,.quiet{margin-left:auto;font-size:13px;color:var(--muted)}.quiet{padding:10px 15px;background:none;border:1px solid var(--line);border-radius:99px}main{max-width:1160px;margin:auto;padding:0 26px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:398px;align-items:center;gap:30px;padding:44px 0 40px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--green);display:flex;align-items:center;gap:8px}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#6ea87d}h1{font-size:56px;line-height:1.24;letter-spacing:-2px;margin:23px 0 19px;font-weight:850}h1>span{position:relative;display:block;color:var(--green);width:max-content}h1 svg{position:absolute;left:0;bottom:-14px;width:100%;height:20px;fill:none;stroke:#e6bd66;stroke-width:6;stroke-linecap:round}.hero-copy>p{font-size:15px;color:var(--muted);line-height:1.9;margin-top:28px}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.hero-pills span{font-size:11px;background:#eeefe5;padding:7px 11px;border-radius:99px}.hero-art{height:310px;position:relative;isolation:isolate}.orbit{position:absolute;border:1px dashed #c9d3be;border-radius:50%;width:315px;height:245px;left:75px;top:28px;transform:rotate(-20deg);z-index:-1}.orbit-two{width:370px;height:180px;top:65px;left:40px;transform:rotate(26deg)}.letter{position:absolute;border-radius:28px;display:grid;place-content:center;text-align:center;font-family:Georgia,serif;font-weight:800;box-shadow:8px 10px 0 #233f3410}.letter-a{background:#edca69;width:157px;height:177px;left:65px;top:55px;font-size:105px;color:#675019;transform:rotate(-12deg)}.letter-a small{font:600 10px system-ui;margin-top:-7px}.letter-b{background:#8bb6a0;width:124px;height:145px;left:228px;top:20px;font-size:96px;color:#285640;transform:rotate(11deg)}.letter-c{background:#e6a990;width:132px;height:138px;left:243px;top:170px;font-size:92px;color:#804b3a;transform:rotate(-5deg)}.spark{position:absolute;color:#d8ab43}.spark-one{left:20px;top:22px;font-size:50px}.spark-two{left:381px;top:132px;font-size:32px}.art-note{position:absolute;left:324px;top:4px;transform:rotate(14deg);font-size:12px;letter-spacing:2px;font-weight:800}.art-ticket{position:absolute;left:44px;top:255px;padding:11px 17px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:12px;transform:rotate(4deg)}.art-ticket span{color:var(--green);font-size:20px;font-weight:800;margin-right:8px}.mini-label{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:700}h2{font-size:25px;margin:10px 0 0;letter-spacing:-.5px}.login-panel{background:#edf2e9;border:1px solid #dde5d7;border-radius:24px;padding:35px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin:10px 0 35px}.login-panel p{color:var(--muted);font-size:13px;line-height:1.8}.login-panel form>label{font-size:12px;display:block;margin-bottom:8px;font-weight:700}.password-row{display:flex;background:#fff;border:1px solid #cbd8c8;border-radius:12px;overflow:hidden}.password-row input{width:100%;min-width:0;border:none;background:none;padding:13px;font-size:14px;outline-offset:-3px}.password-row button{background:none;border:none;color:var(--muted);font-size:12px;padding:0 14px}.primary{margin-top:10px;border:none;border-radius:12px;color:#fff;background:var(--green);width:100%;padding:13px 18px;text-align:left;font-size:14px;font-weight:700}.primary span{float:right}.primary:disabled{opacity:.65;cursor:wait}#login-message{min-height:20px;margin:8px 0 0;color:#9a4537}.loading{text-align:center;color:var(--muted);padding:30px}.library-heading{border-top:1px solid var(--line);padding-top:28px;display:flex;align-items:end;justify-content:space-between;gap:20px}h2 #count{font-size:12px;vertical-align:middle;background:#e8eddf;padding:5px 9px;border-radius:99px;margin-left:6px}.search{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 13px}.search>span{font-size:24px;line-height:1}.search input{border:none;background:none;width:180px;min-width:0;font-size:13px;outline-offset:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.filters button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 17px;border-radius:99px;font-size:12px}.filters button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:20px;background:#fff;overflow:hidden;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #2949370d}.card-art{height:126px;background:var(--card-color);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-art:before,.card-art:after{content:"";position:absolute;border:1px solid #ffffff70;border-radius:50%;width:175px;height:175px;right:-50px;top:-40px}.card-art:after{width:110px;height:110px;left:-25px;top:45px}.card-art>span{font-size:51px;filter:drop-shadow(0 4px 0 #00000010);transform:rotate(-8deg);z-index:1}.card-number{position:absolute;left:17px;top:15px;font-size:10px;font-weight:800;letter-spacing:1px;opacity:.5}.card-category{position:absolute;right:14px;bottom:13px;border-radius:99px;padding:4px 9px;background:#ffffff80;font-size:10px}.card-content{padding:19px 20px}.card-content h3{margin:0;font-size:17px;line-height:1.5}.card-content p{font-size:12px;color:var(--muted);line-height:1.7;margin:8px 0 18px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0f1e9;padding-top:13px;font-size:11px;color:var(--muted)}.card-bottom b{color:var(--green);font-size:12px}.empty{text-align:center;padding:50px;color:var(--muted)}footer{max-width:1110px;margin:55px auto 0;padding:28px 20px 35px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.footer-star{color:var(--green);font-size:20px;vertical-align:middle;margin-right:7px}footer p{font-size:11px;margin-top:10px}@media(max-width:900px){h1{font-size:46px}.hero-art{transform:scale(.8);transform-origin:center}.grid{grid-template-columns:repeat(2,1fr)}.login-panel{gap:25px;padding:28px}.topbar{padding:22px 26px}}@media(max-width:600px){main{padding:0 20px}.topbar{padding:20px}.brand{font-size:16px}.header-note{display:none}.hero{grid-template-columns:1fr;padding-top:30px;gap:0}.hero-art{height:210px;transform:scale(.65);transform-origin:top left;margin-left:20px;margin-top:18px}.hero-copy>p{font-size:14px}h1{font-size:44px}.login-panel{grid-template-columns:1fr;gap:22px;padding:25px}.login-panel h2{font-size:21px}.library-heading{align-items:start;flex-direction:column}.search{width:100%}.search input{width:100%}.grid{gap:12px}.card-art{height:100px}.card-art>span{font-size:42px}.card-content{padding:14px 12px}.card-content h3{font-size:14px}.card-content p{font-size:11px;min-height:38px;margin-bottom:12px}.card-bottom{font-size:10px}.card-bottom b{font-size:11px}.filters{gap:6px}.filters button{padding:8px 12px}.hero-pills span{font-size:10px}}@media(prefers-reduced-motion:reduce){.card{transition:none}}