:root{--ink:#243e59;--muted:#73879b;--line:#dde8f1;--paper:#f4f8fc}
.bunny-pet{position:fixed;right:24px;bottom:22px;z-index:20;display:flex;align-items:center;gap:12px}.bunny-button{position:relative;width:58px;height:68px;background:none;border:0;cursor:pointer;filter:drop-shadow(0 6px 8px #426c9120)}.bunny-face{position:absolute;bottom:0;left:3px;width:52px;height:44px;border-radius:46% 46% 43% 43%;background:#fff;border:1px solid #c4dbeb}.ear{position:absolute;top:0;width:16px;height:39px;background:#fff;border:1px solid #c4dbeb;border-radius:60% 60% 35% 35%;transform:rotate(-12deg);left:10px}.ear.right{left:31px;transform:rotate(12deg);background:#dceefa}.ear:after{content:'';position:absolute;inset:6px 5px 9px;background:#e1eff9;border-radius:50%}.bunny-face i:before,.bunny-face i:after{content:'';position:absolute;top:17px;width:4px;height:5px;background:#487598;border-radius:50%;left:14px}.bunny-face i:after{left:33px}.bunny-face b{position:absolute;left:22px;top:21px;font-size:12px;color:#7794ad;font-weight:400}.bunny-message{max-width:220px;background:#fff;border:1px solid #d9e7f1;padding:12px 16px;border-radius:14px 14px 3px 14px;font-size:12px;color:#66849c;line-height:1.8;box-shadow:0 6px 22px #315d8010;opacity:0;transition:opacity .2s;pointer-events:none}.awake .bunny-message{opacity:1}.awake .bunny-button{animation:bunny-hop .5s ease}@keyframes bunny-hop{50%{transform:translateY(-9px) rotate(-5deg)}}@media(max-width:650px){.bunny-pet{right:12px;bottom:12px}.bunny-button{transform:scale(.85)}.bunny-message{max-width:185px}}@media(prefers-reduced-motion:reduce){.awake .bunny-button{animation:none}}
body{background:radial-gradient(ellipse at 0 50%,#eaf3fa80,transparent 55%),#f7fafc;color:var(--ink)}
.hero{background:linear-gradient(115deg,#183954,#26577c 68%,#548aab);isolation:isolate}
.hero:after{opacity:.55;pointer-events:none}
.nav,.hero-inner,.section,.footer{width:min(1080px,calc(100% - 48px))}
.nav{padding:25px 0;border-bottom:1px solid #ffffff18}
.brand-name{font-size:26px;font-weight:500;text-shadow:none;letter-spacing:.15em}.brand-name:after{display:none}.mark{box-shadow:none;border-radius:14px;width:43px;height:43px}.brand-sub{color:#bfdae9;font-size:8px}
.nav-links{gap:10px}.nav-links a{padding:8px 16px;border-radius:20px}.nav-links [aria-current]{background:#ffffff12;border:1px solid #ffffff20;padding-bottom:8px}.nav-links a:hover{background:#ffffff12}
.hero-inner{padding:60px 0 68px;min-height:292px}
.hero h1{font-family:STSong,SimSun,'Songti SC',serif;font-size:clamp(38px,5vw,56px);font-weight:500;letter-spacing:.16em;line-height:1.3}
.hero .eyebrow{font-size:10px;letter-spacing:.3em;color:#bddceb;margin-bottom:20px}.hero p{font-size:14px;line-height:2.1;color:#d6e5ee;letter-spacing:.08em}
.paper-art{position:absolute;width:260px;height:210px;right:35px;top:45px;pointer-events:none;opacity:.9;transform:rotate(-8deg)}
.paper-art:before{content:'';position:absolute;inset:20px 18px 0;background:#bfd8e51a;border:1px solid #d0e6ee33;border-radius:6px;transform:rotate(14deg)}
.paper-art:after{content:'✧';position:absolute;right:-24px;top:-16px;font-size:38px;color:#e7f5fc}
.paper-sheet{position:absolute;inset:0 20px 20px;border:1px solid #dceef577;border-radius:5px;background:linear-gradient(125deg,#f6fbffed,#daeaf2e8);box-shadow:0 18px 44px #102e5020;padding:35px 28px;color:#6286a0;font-family:STSong,SimSun,serif;font-size:17px;letter-spacing:.15em;line-height:2.1}
.paper-sheet span{display:block;height:1px;background:#779ab530;margin-top:17px}.paper-sheet span:last-child{width:60%}
.notebook{padding:48px 0 54px}.intro{margin-bottom:30px}.intro h2{font-family:STSong,SimSun,serif;font-size:30px;font-weight:500;letter-spacing:.08em}.intro p{margin-bottom:0}
.action{border-color:#d7e4ee;border-radius:9px;color:#4d6b85;font-size:13px;box-shadow:0 2px 4px #26476303;transition:background .18s}.action:hover{background:#edf4fa}.action.primary{background:#326a94;border-color:#326a94;color:#fff}.action.primary:hover{background:#275c83}
.login-box{position:relative;padding:36px 40px;border:1px solid #e1eaf1;border-radius:18px;box-shadow:0 14px 50px #345e8010}.login-box:before{content:'一 笺 · 一 念';display:block;color:#819aac;font-size:11px;letter-spacing:.25em;margin-bottom:18px}.login-box h2{font-family:STSong,SimSun,serif;font-size:27px;font-weight:500;letter-spacing:.06em}.login-box p{font-size:14px;line-height:1.9}
input,textarea,select{border-color:#dce6ef;border-radius:9px;padding:12px 14px;background:#fff;color:#304d66}label{font-size:12px;color:#71869a;letter-spacing:.04em}#search{max-width:100%;background:#fff;padding:15px 18px;font-size:14px}input::placeholder{color:#9baabb}
.filters{gap:8px;margin:22px 0}.filter{padding:8px 17px;font-size:12px;border-color:transparent;background:transparent;color:#6f8599}.filter[aria-pressed=true]{background:#e4eef7;color:#356486;border-color:#d3e2ee}
#sync-status,#result-count{font-size:11px;color:#8a9bad;font-weight:400;letter-spacing:.04em}#result-count{margin:22px 0 14px}
.journal-grid{gap:20px}.entry,.entry:first-child{grid-column:auto;padding:30px;border:1px solid #e0e9f0;border-radius:13px;background:#fff;box-shadow:0 6px 24px #30557906;border-top:3px solid #c6ddea;transition:transform .2s,box-shadow .2s}.entry:hover{transform:translateY(-2px);box-shadow:0 12px 32px #30557910}.entry-meta{font-size:11px;color:#8397a8}.entry h3{font-family:STSong,SimSun,serif;font-size:24px;font-weight:500;color:#294d68;margin:22px 0 16px}.entry p{font-size:14px;line-height:2;color:#748695}.read{font-size:12px;font-weight:400;border:0;color:#44769a}.empty{background:#fff9;border:1px dashed #d2e2ed;font-family:STSong,SimSun,serif;font-size:17px;padding:65px 24px;line-height:2}
.endnote{font-family:STSong,SimSun,serif;font-size:13px;color:#91a6b6;margin-top:48px}.footer{border-top:1px solid #e1eaf1;padding:25px 0;color:#93a4b3;font-size:11px}
dialog{border:1px solid #dfe8ee;border-radius:18px;background:#fff;box-shadow:0 24px 90px #16355030}dialog::backdrop{background:#203c5966;backdrop-filter:blur(7px)}.reader-head{z-index:10;background:#f5f9fc;padding:15px 26px;border-color:#e3ebf2}.reader-head strong{font-family:STSong,SimSun,serif;font-size:18px;font-weight:500;letter-spacing:.05em}.close{border:0;background:transparent;color:#7c94a7;width:34px;height:34px}.close:hover{background:#e8f0f7}.reader-copy{padding:30px 36px}.reader-copy h2{font-family:STSong,SimSun,serif;font-weight:500;letter-spacing:.04em}#reader-body .ql-editor{line-height:2.2;color:#3e566b}.reader-copy .hint{font-size:11px;color:#94a4b2;line-height:1.8}#editor-form>.toolbar{padding:16px 0 4px;border-top:1px solid #e6edf3}#editor #note-title{font-size:18px;font-family:STSong,SimSun,serif}#editor .ql-toolbar.ql-snow{background:#f7fafc}#editor #note-body{border-color:#dce6ef}
@media(max-width:650px){.nav,.hero-inner,.section,.footer{width:calc(100% - 36px)}.nav{padding:20px 0;gap:10px}.nav-links{gap:2px}.nav-links a{padding:7px 9px;font-size:12px}.nav-links [aria-current]{padding-bottom:7px}.brand-sub{display:none}.brand{display:flex;gap:9px}.brand-name{font-size:23px}.mark{width:34px;height:34px}.hero-inner{min-height:0;padding:38px 0 42px}.paper-art{display:none}.hero p{font-size:12px}.hero h1{font-size:38px}.notebook{padding-top:30px}.login-box{padding:28px 24px}.intro .toolbar{margin:20px 0 0}.entry{padding:25px}.reader-copy{padding:22px}.footer{gap:10px}.journal-grid{grid-template-columns:1fr}}