:root{--cream:#F8F6F2;--white:#FFFFFF;--sage:#6BA8A0;--sage-deep:#56938B;--sage-line:#E8EDEB;--sage-tint:#EAF2F0;--sage-border:#9CC4BE;--amber:#D4A574;--dark:#1A1A1A;--gray:#5C5C5C;--gray-strong:#3D3D3D;--panel:#FAF8F4;--shell:#FBFAF7;--shell-stroke:#E2DED6;--deep:#2B4642;--on-dark:#F8F6F2;--on-dark-muted:#AFC4C0;--footnote:#A9A49B;--sh-btn:0 8px 18px -4px rgba(107,168,160,.35);--sh-card:0 10px 28px -8px rgba(107,168,160,.12);--sh-card-sm:0 6px 18px -6px rgba(107,168,160,.08);--sh-modal:0 28px 64px -12px rgba(26,38,36,.28);--sh-dark:0 12px 28px -8px rgba(43,70,66,.22);--font-sc:"Noto Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;--font-num:"Inter","Outfit","Helvetica Neue",Arial,sans-serif;--sidebar-w:240px;--gutter:40px;--radius-lg:20px;--radius-md:16px;--radius-sm:12px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--cream);color:var(--dark);font-family:var(--font-sc);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}.num{font-family:var(--font-num)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--shell);border-right:1px solid var(--shell-stroke);padding:24px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:26px;height:26px}.brand-name{font-size:17px;font-weight:500;letter-spacing:2px}.nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:var(--radius-sm);color:var(--gray);font-size:14px;font-weight:400;transition:background .15s ease,color .15s ease}.nav-item svg{width:20px;height:20px;stroke:var(--gray);transition:stroke .15s ease}.nav-item:hover{background:var(--white);color:var(--gray-strong)}.nav-item.is-active{background:var(--sage-tint);color:var(--deep);font-weight:500}.nav-item.is-active svg{stroke:var(--sage-deep)}.sidebar-spacer{flex:1}.user-card{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--sage-line);border-radius:14px;padding:12px}.avatar-hit{padding:0;flex-shrink:0;border-radius:50%}.avatar{width:34px;height:34px;border-radius:50%;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;flex-shrink:0;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.has-photo{padding:0;background:var(--panel)}.user-info{display:flex;flex-direction:column;flex:1;min-width:0;text-align:left;padding:0}.user-info:hover .user-name{color:var(--sage-deep)}.user-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-phone{font-size:11px;color:var(--footnote);font-family:var(--font-num);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-logout{flex-shrink:0;font-size:11px;color:var(--footnote);padding:4px 6px;border-radius:8px;transition:background .15s ease,color .15s ease}.user-logout:hover{background:var(--panel);color:var(--gray-strong)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:32px var(--gutter) 24px}.search{display:flex;align-items:center;gap:10px;width:300px;height:44px;padding:0 14px;background:var(--white);border:1px solid var(--sage-line);border-radius:22px}.search svg{width:18px;height:18px;stroke:var(--footnote)}.search input{border:0;outline:0;background:none;flex:1;min-width:0;font:inherit;font-size:13px;font-weight:300;color:var(--dark)}.search input::placeholder{color:var(--footnote)}.topbar-spacer{flex:1}.topbar-date{font-size:13px;font-weight:300;color:var(--footnote);letter-spacing:.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:22px;font-size:14px;font-weight:500;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn svg{width:16px;height:16px}.btn-primary{background:var(--sage);color:#fff;box-shadow:var(--sh-btn)}.btn-primary:hover{background:var(--sage-deep)}.btn:disabled,.btn-primary:disabled:hover{opacity:.45;cursor:default;box-shadow:none;background:var(--sage)}.btn-ghost{color:var(--gray)}.btn-ghost:hover{color:var(--gray-strong)}.btn-outline{background:var(--white);border:1px solid var(--sage-line);color:var(--gray);font-weight:400}.btn-outline:hover{color:var(--gray-strong)}.btn-sm{height:40px;padding:0 20px}.content{display:flex;gap:32px;padding:8px var(--gutter) 48px;align-items:flex-start}.col-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.rail{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.card{background:var(--white);border:1px solid var(--sage-line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--sh-card-sm)}.card-dark{background:var(--deep);border:0;color:var(--on-dark);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--sh-dark)}.card-tint{background:var(--sage-tint);border:0;border-radius:var(--radius-md);padding:22px}.greeting h1{font-size:30px;font-weight:500;letter-spacing:.5px;line-height:1.4}.greeting p{font-size:13px;font-weight:300;color:var(--gray);letter-spacing:.4px;margin-top:10px}.page-title{font-size:30px;font-weight:500;letter-spacing:.5px}.page-sub{font-size:13px;font-weight:300;color:var(--gray);letter-spacing:.4px;margin-top:10px}.section-head{display:flex;align-items:center;gap:12px}.section-head h2{font-size:16px;font-weight:500}.section-head .count{font-size:12px;color:var(--footnote)}.section-head .spacer{flex:1}.link-more{font-size:12px;color:var(--sage-deep);white-space:nowrap}.link-more:hover{opacity:.8}.composer{display:flex;flex-direction:column;gap:18px;box-shadow:var(--sh-card)}.composer-head{display:flex;align-items:center;gap:12px}.composer-date{font-size:12px;color:var(--footnote);letter-spacing:.5px}.badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--sage-tint);font-size:11px;color:var(--sage-deep)}.composer-text{width:100%;border:0;outline:0;resize:none;background:none;font:inherit;font-size:16px;font-weight:300;line-height:30px;color:var(--dark)}.composer-box{background:var(--panel);border-radius:var(--radius-md);padding:20px}.field-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.field-label{font-size:12px;color:var(--footnote);margin-right:2px}.chip-group{display:flex;gap:10px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;background:var(--panel);font-size:12px;color:var(--gray);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,border-color .15s ease;border:1px solid transparent}.chip:hover{background:var(--sage-tint)}.chip.is-selected{background:var(--sage-tint);border-color:var(--sage-border);color:var(--sage-deep);font-weight:500}.composer-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.word-count{font-size:12px;font-weight:300;color:var(--footnote)}.composer-foot .spacer{flex:1}.photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.photo-thumb{position:relative;width:72px;height:72px;border-radius:12px;overflow:hidden;background:var(--panel)}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-del{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#1a1a1a9e;color:#fff;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.photo-del:hover{background:#1a1a1ad1}.photo-field{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1;min-width:0}.photo-open{display:block;width:100%;height:100%;padding:0;cursor:zoom-in}.photo-open img{width:100%;height:100%;object-fit:cover;display:block}.photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:72px;height:72px;flex-shrink:0;border-radius:12px;border:1px dashed var(--shell-stroke);background:var(--panel);color:var(--gray);transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease}.photo-add-icon{width:20px;height:20px}.photo-add-text{font-size:12px;font-weight:400;line-height:1;letter-spacing:.2px}.photo-add:hover:not(:disabled){border-color:var(--sage);background:var(--sage-tint);color:var(--sage-deep);transform:translateY(-1px)}.photo-add:active:not(:disabled){transform:translateY(0)}.photo-add:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.photo-add:disabled{border-style:dashed;color:var(--footnote);opacity:.5;cursor:default}.photo-hint{font-size:12px;font-weight:300;color:var(--footnote)}.entry-card{background:var(--white);border:1px solid var(--sage-line);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--sh-card-sm)}.entry-head{display:flex;align-items:center;gap:10px}.entry-time{font-family:var(--font-num);font-size:14px;font-weight:500;color:var(--gray-strong);letter-spacing:.5px}.mood-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--sage-tint);font-size:11px;color:var(--sage-deep)}.entry-head .spacer{flex:1}.entry-tag,.entry-location{font-size:12px;font-weight:300;color:var(--footnote)}.entry-body{font-size:15px;font-weight:300;line-height:28px;color:var(--dark)}.photo-grid{display:grid;gap:6px;max-width:420px}.photo-grid.is-1{grid-template-columns:1fr}.photo-grid.is-2,.photo-grid.is-4{grid-template-columns:1fr 1fr;max-width:280px}.photo-grid.is-3,.photo-grid.is-5,.photo-grid.is-6,.photo-grid.is-7,.photo-grid.is-8,.photo-grid.is-9{grid-template-columns:repeat(3,1fr)}.photo-cell{padding:0;border-radius:12px;overflow:hidden;background:var(--panel);aspect-ratio:1}.photo-grid.is-1 .photo-cell{aspect-ratio:16/9}.photo-cell img{width:100%;height:100%;object-fit:cover}.photo-grid.is-compact{max-width:240px;gap:5px}.photo-grid.is-compact .photo-cell{border-radius:9px}.photo-grid.is-compact.is-1{max-width:200px}.photo-grid.is-compact.is-1 .photo-cell{aspect-ratio:3/2}.memory-photo{margin-top:14px}.memory-photo .photo-grid{max-width:100%}.memory-photo .photo-cell{background:#ffffff14}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:none;align-items:center;justify-content:center;background:#1a1a1aeb;padding:48px 72px}.photo-viewer.is-open{display:flex}.photo-viewer-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.photo-viewer-close{position:absolute;top:20px;right:24px;width:36px;height:36px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:22px;line-height:1}.photo-viewer-close:hover{background:#fff3}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1f;color:#fff;font-size:28px;line-height:1}.photo-viewer-nav.is-prev{left:20px}.photo-viewer-nav.is-next{right:20px}.photo-viewer-nav:hover{background:#ffffff38}.photo-viewer.is-single .photo-viewer-nav{display:none}.photo-viewer-count{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-family:var(--font-num);font-size:13px;color:#ffffffc7}.month-head{display:flex;align-items:center;justify-content:space-between}.month-head h2{font-size:16px;font-weight:500;color:var(--deep)}.month-head .count{font-size:12px;color:var(--footnote)}.rail .card,.rail .card-dark{padding:24px}.rail-title{font-size:14px;font-weight:500}.card-dark .rail-title{color:var(--on-dark)}.rail-sub{font-size:11px;font-weight:300;color:var(--on-dark-muted);margin-top:6px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:1px;color:var(--on-dark-muted)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber)}.memory-date{font-family:var(--font-num);font-size:22px;font-weight:500;letter-spacing:.5px;margin-top:14px}.memory-text{font-size:14px;font-weight:300;line-height:26px;color:var(--on-dark-muted);margin-top:12px}.memory-quote{font-size:13px;font-weight:300;letter-spacing:.5px;line-height:24px;color:var(--amber);margin-top:14px}.memory-quote:empty{display:none}.memory-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:13px;color:var(--amber)}.memory-link svg{width:14px;height:14px;stroke:var(--amber)}.memory-link:hover{opacity:.85}.stat-row{display:flex;align-items:center;justify-content:space-between}.stat-row+.stat-row{margin-top:18px}.stat-label{font-size:13px;font-weight:300;color:var(--gray)}.stat-value{font-family:var(--font-num);font-size:18px;font-weight:500;color:var(--deep)}.rail-head{display:flex;align-items:center;gap:8px}.rail-head .spacer{flex:1}.rail-link{font-size:12px;color:var(--sage-deep)}.bars{display:flex;gap:8px;margin-top:18px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar{width:100%;max-width:32px;border-radius:8px;background:#c7dfdb}.bar.is-today{background:var(--sage-deep)}.bar-label{font-family:var(--font-num);font-size:11px;color:var(--footnote)}.bar-label.is-today{font-family:var(--font-sc);color:var(--sage-deep)}.heatmap{width:100%;height:auto;margin-top:16px}.legend{display:flex;align-items:center;gap:6px;margin-top:14px}.legend span{font-size:10px;font-weight:300;color:var(--on-dark-muted)}.legend i{width:8px;height:8px;border-radius:50%;background:var(--sage)}.legend i.l1{opacity:.2}.legend i.l2{opacity:.5}.legend i.l3{opacity:1}.month-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.month-row{display:flex;align-items:center;justify-content:space-between;padding:10px;border-radius:10px;cursor:pointer;transition:background .15s ease}.month-row:hover{background:var(--panel)}.month-row.is-active{background:var(--sage-tint)}.month-name{font-size:13px;color:var(--gray)}.month-row.is-active .month-name{color:var(--deep);font-weight:500}.month-count{font-family:var(--font-num);font-size:13px;color:var(--gray)}.month-row.is-active .month-count{color:var(--sage-deep);font-weight:500}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.year-col{display:flex;flex-direction:column;gap:14px}.year-head{display:flex;align-items:center;justify-content:space-between}.year-name{font-family:var(--font-num);font-size:26px;font-weight:500;letter-spacing:1px;color:var(--deep)}.year-head .badge{background:var(--sage-tint)}.year-count{font-size:12px;color:var(--footnote)}.year-entry{background:var(--white);border:1px solid var(--sage-line);border-radius:var(--radius-md);padding:18px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--sh-card-sm)}.year-entry .entry-time{font-size:13px}.year-entry p{font-size:14px;font-weight:300;line-height:26px}.empty-state{background:var(--panel);border:1px solid var(--sage-line);border-radius:var(--radius-md);min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px}.empty-state strong{font-size:13px;font-weight:400;color:var(--gray)}.empty-state span{font-size:11px;font-weight:300;color:var(--footnote)}.today-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px 12px 48px;text-align:center;min-height:420px}.today-empty-mark{width:196px;height:148px;color:var(--sage)}.today-empty-mark svg{width:100%;height:100%}.today-empty-title{display:flex;flex-direction:column;align-items:center;gap:11px}.today-empty-title strong{font-size:21px;font-weight:500;color:var(--dark);letter-spacing:2px}.today-empty-title span{font-size:13px;font-weight:300;color:var(--footnote);line-height:1.9;letter-spacing:.6px}.today-empty-sample{width:100%;max-width:420px;background:var(--panel);border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;gap:9px;text-align:left}.today-empty-sample-head{display:flex;align-items:center;justify-content:space-between}.today-empty-sample-label{font-size:11px;font-weight:500;color:var(--sage);letter-spacing:1.5px}.today-empty-sample-time{font-family:var(--font-num);font-size:11px;color:#bbb;letter-spacing:.5px}.today-empty-sample p{font-size:14px;font-weight:300;color:var(--gray);line-height:1.7;letter-spacing:.3px}.today-empty-hint{font-size:11px;font-weight:500;color:var(--footnote);letter-spacing:1.5px}.today-empty-starters{width:100%;max-width:420px;display:flex;flex-direction:column;gap:8px}.today-empty-starter{height:44px;border-radius:14px;padding:0 16px;background:var(--white);border:1px solid #EDEAE4;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;transition:border-color .15s ease,background .15s ease}.today-empty-starter span{font-size:13.5px;font-weight:300;color:var(--gray);letter-spacing:.5px}.today-empty-starter svg{flex-shrink:0;color:var(--sage)}.today-empty-starter:hover{background:var(--sage-tint);border-color:var(--sage-border)}.quote-bar{background:var(--deep);border-radius:var(--radius-md);padding:22px;display:flex;align-items:center;gap:16px;box-shadow:var(--sh-dark)}.quote-bar p{flex:1;font-size:14px;font-weight:300;letter-spacing:.5px;line-height:26px;color:var(--on-dark)}.quote-bar a{font-size:12px;color:var(--amber);white-space:nowrap}.quote-bar a:hover{opacity:.85}.random-actions{display:flex;align-items:center;gap:16px}.random-actions .random-link{font-size:12px;color:var(--sage-deep);white-space:nowrap}.random-actions .random-link:hover{opacity:.8}.btn-random svg{transition:transform .4s ease}.btn-random .is-spin{animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.remind-card{background:var(--sage-tint);border-radius:var(--radius-md);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.remind-card h3{font-size:14px;font-weight:500;color:var(--deep)}.remind-card p{font-size:12px;font-weight:300;color:var(--sage-deep);margin-top:6px}.toggle{position:relative;width:44px;height:24px;border-radius:12px;background:var(--sage);flex-shrink:0;cursor:pointer;border:0;transition:background .15s ease}.toggle:after{content:"";position:absolute;top:2px;left:22px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s ease}.toggle.is-off{background:#cfc9bf}.toggle.is-off:after{left:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a1a66;display:none;align-items:flex-start;justify-content:center;padding:110px 24px 40px;overflow-y:auto;z-index:50}.overlay.is-open{display:flex}.modal{background:var(--white);border-radius:24px;padding:32px;width:720px;max-width:100%;box-shadow:var(--sh-modal);display:flex;flex-direction:column;gap:20px}.modal-head{display:flex;align-items:center;gap:12px}.modal-head h2{font-size:18px;font-weight:500}.modal-head .spacer{flex:1}.modal-close{width:28px;height:28px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center}.modal-close svg{width:14px;height:14px;stroke:var(--gray)}.modal-close:hover{background:var(--sage-tint)}.modal-back{width:28px;height:28px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-back svg{width:14px;height:14px;stroke:var(--gray)}.modal-back:hover{background:var(--sage-tint)}.modal-back[hidden]{display:none}.modal .composer-box{min-height:180px}#profileOverlay{z-index:55}.profile-modal{width:440px;gap:18px}.profile-modal .modal-head{position:relative;min-height:28px}.profile-modal .modal-head h2{position:absolute;left:36px;right:36px;margin:0;text-align:center;font-size:16px;pointer-events:none}.profile-pane{display:flex;flex-direction:column;gap:14px}.profile-pane[hidden]{display:none}.profile-pane[data-profile-pane=home]{align-items:center;text-align:center;background:linear-gradient(180deg,var(--sage-tint),var(--panel));border-radius:20px;padding:22px 20px 20px}.profile-hero-avatar{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar.profile-avatar{width:96px;height:96px;font-size:38px;border-radius:24px}.avatar.profile-avatar-lg{width:128px;height:128px;font-size:46px;border-radius:28px;box-shadow:var(--sh-card)}.profile-hint{font-size:12px;font-weight:300;color:var(--footnote);letter-spacing:.4px}.profile-name-row{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:500;letter-spacing:.5px}.profile-name-row svg{width:12px;height:12px;color:var(--footnote)}.profile-name-row:hover{color:var(--sage-deep)}.profile-contact{font-size:12px;color:var(--footnote);font-family:var(--font-num);letter-spacing:.4px}.profile-preview-wrap{display:flex;justify-content:center;align-self:center}.profile-gallery{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-radius:16px;background:var(--panel);border:1px solid var(--sage-line);font-size:14px}.profile-gallery:hover{background:var(--sage-tint)}.profile-gallery-icon{width:38px;height:38px;border-radius:12px;flex-shrink:0;background:var(--sage-tint);color:var(--sage-deep);display:flex;align-items:center;justify-content:center}.profile-gallery-icon svg{width:20px;height:20px}.profile-section-label{font-size:12px;font-weight:500;color:var(--gray);letter-spacing:.4px;padding:0 4px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-preset{position:relative;aspect-ratio:1;border-radius:18px;color:#fff;font-size:22px;font-weight:500;box-shadow:var(--sh-card-sm)}.avatar-preset.is-selected{box-shadow:0 0 0 2.5px var(--sage)}.avatar-preset.is-selected:after{content:"";position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 2px var(--white);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'><path d='M3 6.2l2 2 4-4.4' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:center;background-size:10px}.profile-remove{align-self:center;font-size:12px;color:#c4634f;padding:4px 8px}.profile-remove:hover{opacity:.8}.profile-modal .btn-block{margin-top:4px;letter-spacing:.2em}.nick-hero{text-align:center;padding:8px 0 4px}.nick-hero h3{font-size:20px;font-weight:500;letter-spacing:1px}.nick-hero p{font-size:13px;font-weight:300;color:var(--footnote);margin-top:6px}.nick-card{background:var(--panel);border-radius:16px;padding:16px 18px;border:1px solid var(--sage-line)}.nick-row{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1.5px solid var(--sage)}.nick-row:focus-within{border-bottom-color:var(--sage-deep)}.nick-row label{font-size:13px;color:var(--gray);letter-spacing:.5px;flex-shrink:0}.nick-row input{flex:1;min-width:0;width:0;border:0;outline:0;background:none;font:inherit;font-size:17px;font-weight:500;color:var(--dark)}.nick-row input::placeholder{color:var(--footnote);font-weight:300}.nick-clear{width:20px;height:20px;border-radius:50%;flex-shrink:0;background:var(--sage-line);color:var(--gray);font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}.nick-clear:hover{background:#d8d4cc}.nick-meta{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--footnote)}.nick-meta [data-nick-tip]{flex:1}.nick-chips{display:flex;flex-wrap:wrap;gap:10px}.nick-note{font-size:12px;font-weight:300;color:var(--gray);line-height:1.9;background:var(--panel);border-radius:16px;padding:18px 20px}.compose-page{display:flex;justify-content:center;padding:24px var(--gutter) 64px}.compose-page .modal{position:static;box-shadow:var(--sh-card)}.login{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px 72px;overflow:hidden}.login-glow{position:absolute;top:-180px;left:50%;transform:translate(-50%);width:760px;height:760px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#6ba8a029,#6ba8a000 62%);pointer-events:none}.login-card{position:relative;width:420px;max-width:100%;background:var(--white);border:1px solid var(--sage-line);border-radius:24px;padding:36px;box-shadow:0 28px 64px -20px #2b46422e}.brand-lg{justify-content:center;margin-bottom:26px}.brand-lg svg{width:32px;height:32px}.brand-lg .brand-name{font-size:19px;letter-spacing:3px}.login-card h1{font-size:22px;font-weight:500;letter-spacing:.5px;text-align:center}.login-sub{font-size:13px;font-weight:300;color:var(--gray);text-align:center;margin-top:8px}.field{margin-top:20px}.field label{display:block;font-size:12px;color:var(--footnote);letter-spacing:.5px;margin-bottom:8px}.field input{width:100%;height:48px;padding:0 16px;background:var(--panel);border:1px solid var(--sage-line);border-radius:14px;font:inherit;font-size:15px;color:var(--dark);outline:0;transition:border-color .15s ease,background .15s ease}.field input::placeholder{color:var(--footnote);font-weight:300}.field input:focus{border-color:var(--sage-border);background:var(--white)}.code-row{display:flex;gap:10px}.code-row input{flex:1;min-width:0}.code-send{height:48px;flex-shrink:0;padding:0 16px;border-radius:14px}.btn-block{width:100%;margin-top:26px}.hint{font-size:12px;font-weight:300;color:var(--footnote);line-height:20px;margin-top:14px;text-align:center}.hint.is-error{color:#c4634f}.hint.is-warn{color:var(--amber)}.login-demo{display:block;width:100%;margin-top:18px;padding:14px 0;border-top:1px solid var(--sage-line);font-size:13px;color:var(--sage-deep)}.login-demo:hover{opacity:.8}.login-foot{font-size:11px;font-weight:300;color:var(--footnote);text-align:center;margin-top:22px;line-height:18px}.login-foot a{color:var(--gray)}.login-foot a:hover{color:var(--sage-deep)}.cms-beian{margin-top:auto;padding:16px var(--gutter) 20px;font-size:12px;color:var(--footnote);text-align:center}.cms-beian a{color:inherit;transition:color .15s ease}.cms-beian a:hover{color:var(--sage-deep)}.login .cms-beian{position:absolute;left:0;right:0;bottom:0;margin-top:0;padding:16px 20px 20px}.skeleton{height:96px;border-radius:var(--radius-md);background:linear-gradient(90deg,var(--panel) 25%,#F2EFE9 37%,var(--panel) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite}.skeleton+.skeleton{margin-top:16px}.skeleton-tall{height:180px}.skeleton-sm{height:64px;margin-top:0}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.entry-list{display:flex;flex-direction:column;gap:16px}.entry-list .month-head{margin-top:8px}.entry-list .month-head+.entry-card{border-radius:var(--radius-md)}.demo-banner{position:relative;padding:10px 44px 10px 20px;background:var(--deep);color:var(--on-dark-muted);font-size:12px;font-weight:300;letter-spacing:.4px}.demo-banner code{font-family:var(--font-num);color:var(--amber);font-size:12px}.demo-banner button{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;color:var(--on-dark-muted);font-size:16px;line-height:1}.demo-banner button:hover{background:#ffffff14}.toast{position:fixed;left:50%;bottom:40px;transform:translate(-50%,12px);max-width:80vw;padding:12px 20px;border-radius:14px;background:var(--deep);color:var(--on-dark);font-size:13px;font-weight:300;box-shadow:0 16px 32px -12px #1a262466;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:80}.toast.is-show{opacity:1;transform:translate(-50%)}.toast.is-error{background:#8c4a3a}.search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--panel);color:var(--footnote);font-size:14px;line-height:1;transition:background .15s ease,color .15s ease}.search-clear:hover{background:var(--sage-tint);color:var(--sage-deep)}.search input::-webkit-search-cancel-button{display:none}.chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.entry-body mark.hit{background:#d4a57459;color:inherit;border-radius:4px;padding:0 2px}.scope-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}.scope-label{font-size:13px;font-weight:300;color:var(--on-dark-muted)}.scope-num{font-family:var(--font-num);font-size:18px;font-weight:500;color:var(--on-dark)}.scope-note{font-size:11px;font-weight:300;line-height:1.8;color:var(--on-dark-muted);margin-top:18px}.login-tabs{display:flex;gap:4px;margin:0 auto 22px;padding:4px;background:var(--panel);border-radius:14px}.login-tab{flex:1;height:36px;border-radius:10px;font-size:13px;font-weight:400;color:var(--gray);transition:background .15s ease,color .15s ease}.login-tab:hover{color:var(--gray-strong)}.login-tab.is-active{background:var(--white);color:var(--deep);font-weight:500;box-shadow:var(--sh-card-sm)}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}.field-head label{margin-bottom:0}.login-link{font-size:12px;font-weight:300;color:var(--sage-deep)}.login-link:hover{opacity:.8}.login-back{display:block;width:100%;margin-top:16px;font-size:12px;font-weight:300;color:var(--gray);text-align:center}.login-back:hover{color:var(--sage-deep)}.field-account{position:relative}.mail-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:224px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:var(--white);border:1px solid var(--sage-line);border-radius:14px;box-shadow:0 18px 40px -16px #2b464247}.mail-suggest-item{display:block;width:100%;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--dark);text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-suggest-item.is-active{background:var(--sage-tint)}.mail-suggest-domain{color:var(--sage-deep)}.settings-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.settings-title{font-size:16px;font-weight:500}.settings-desc{font-size:12px;font-weight:300;color:var(--gray);line-height:20px;margin-top:-6px}.settings-card .field{width:100%;margin-top:0}.settings-card .field label{display:block;font-size:12px;color:var(--footnote);letter-spacing:.5px;margin-bottom:8px}.settings-card .field input{width:100%;max-width:360px;height:44px;padding:0 16px;background:var(--panel);border:1px solid var(--sage-line);border-radius:12px;font:inherit;font-size:14px;color:var(--dark);outline:0;transition:border-color .15s ease,background .15s ease}.settings-card .field input:focus{border-color:var(--sage-border);background:var(--white)}.settings-rows{width:100%;display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:baseline;gap:16px}.settings-row dt{flex-shrink:0;width:56px;font-size:12px;color:var(--footnote)}.settings-row dd{font-size:14px;color:var(--dark);word-break:break-all}.settings-note{font-size:12px;font-weight:300;color:var(--sage-deep);line-height:20px}.settings-note.is-error{color:#c4634f}.settings-foot{font-size:11px;font-weight:300;color:var(--footnote)}.user-settings{flex-shrink:0;font-size:11px;color:var(--footnote);padding:4px 6px;border-radius:8px;transition:background .15s ease,color .15s ease}.user-settings:hover{background:var(--panel);color:var(--gray-strong)}.user-settings.is-active{color:var(--sage-deep)}.user-card{flex-direction:column;align-items:stretch;gap:0;padding:14px;border-radius:var(--radius-md)}.user-row{display:flex;align-items:center;gap:12px;min-width:0}.user-row .avatar{width:38px;height:38px;font-size:15px}.user-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--sage-line)}.user-actions .user-settings,.user-actions .user-logout{flex:1;min-width:0;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:var(--panel);font-size:12px;letter-spacing:.4px;color:var(--gray);transition:background .15s ease,color .15s ease}.user-actions svg{width:14px;height:14px;flex-shrink:0}.user-actions .user-settings span,.user-actions .user-logout span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-actions .user-settings:hover{background:var(--sage-tint);color:var(--sage-deep)}.user-actions .user-settings.is-active{background:var(--sage-tint);color:var(--sage-deep);font-weight:500}.user-actions .user-logout:hover{background:#f7ebe7;color:#c4634f}.profile-card{gap:16px}.avatar-editor{width:100%;display:flex;align-items:center;gap:24px;padding:22px;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--sage-tint),var(--panel));border:1px solid var(--sage-line)}.avatar-editor-preview{flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:30px;transition:transform .15s ease}.avatar-editor-preview:hover{transform:scale(1.03)}.avatar-editor-side{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.avatar-editor-hint{font-size:11px;font-weight:300;color:var(--footnote);letter-spacing:.3px}.avatar-editor .profile-remove{align-self:flex-start;padding:0}.profile-card .profile-section-label{width:100%}.profile-card .avatar-grid{width:100%;max-width:640px;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.profile-card .avatar-preset{border-radius:15px;font-size:18px}.profile-card .nick-card,.profile-card .nick-chips{width:100%}.profile-card .nick-note{background:none;padding:0 4px;font-size:11px;color:var(--footnote)}.profile-account{width:100%;padding-top:6px;border-top:1px solid var(--sage-line)}.profile-card .btn-block{margin-top:8px;letter-spacing:.2em}@media(max-width:1280px){:root{--gutter:28px}.rail{width:280px}.memory-grid{gap:16px}}@media(max-width:1120px){.content{flex-direction:column;align-items:stretch}.rail{width:100%;flex-direction:row;flex-wrap:wrap}.rail>*{flex:1 1 280px}.memory-grid{grid-template-columns:1fr}}@media(max-width:900px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;gap:16px;padding:14px 20px}.nav{flex-direction:row;flex:1;gap:4px}.nav-item{height:38px;padding:0 12px}.nav-item span,.sidebar-spacer{display:none}.user-card{border:0;background:none;padding:0}.user-phone{display:none}.user-info{max-width:88px}.user-card{flex-direction:row;align-items:center;gap:10px}.user-row{gap:10px}.user-row .avatar{width:32px;height:32px;font-size:13px}.user-actions{margin:0;padding:0;border-top:0;gap:2px}.user-actions .user-settings,.user-actions .user-logout{flex:0 0 auto;height:30px;padding:0 8px;background:none}.user-actions svg{width:18px;height:18px}.user-actions span{display:none}.topbar{flex-wrap:wrap;padding-top:20px}.search{flex:1;width:auto;min-width:200px}.avatar-editor{flex-direction:column;text-align:center;gap:16px}.avatar-editor-side{align-items:center;width:100%}.avatar-editor .profile-remove{align-self:center}.profile-card .avatar-grid{max-width:330px;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:640px){:root{--gutter:16px}.topbar{padding:16px 16px 8px}.content{padding:8px 16px 40px}.cms-beian{padding:12px 16px 16px}.greeting h1,.page-title{font-size:24px}.topbar-date{display:none}.modal{padding:24px}.overlay{padding:24px 16px 40px}.quote-bar{flex-direction:column;align-items:flex-start}.bars .bar-col:nth-child(n+6){display:none}.photo-viewer{padding:56px 16px 40px}.photo-viewer-nav.is-prev{left:8px}.photo-viewer-nav.is-next{right:8px}}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--panel);border:1px solid var(--sage-line);border-radius:11px}.lang-btn{min-width:44px;height:26px;padding:0 10px;border-radius:8px;font-size:11.5px;font-weight:400;letter-spacing:.4px;color:var(--gray);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.lang-btn:hover{color:var(--gray-strong)}.lang-btn.is-active{background:var(--white);color:var(--sage-deep);font-weight:500;box-shadow:var(--sh-card-xs)}.sidebar .lang-switch{width:100%}.sidebar .lang-switch .lang-btn{flex:1;min-width:0}.login-card .lang-switch--card{position:absolute;top:16px;right:16px;padding:2px}.login-card .lang-switch--card .lang-btn{min-width:38px;height:24px;padding:0 8px;font-size:11px}.settings-card .lang-switch{align-self:flex-start;margin-top:14px}@media(max-width:900px){.sidebar .lang-switch{width:auto;flex:0 0 auto;margin-left:auto}.sidebar .lang-switch .lang-btn{flex:0 0 auto;min-width:40px}}@media(max-width:640px){.sidebar .lang-switch{padding:2px}.sidebar .lang-switch .lang-btn{min-width:36px;padding:0 8px;font-size:11px}}html[lang=en] .brand-name,html[lang=en] .brand-lg .brand-name,html[lang=en] .empty-state strong{letter-spacing:0}html[lang=en] .btn-block{letter-spacing:.02em}html[lang=en] .login-card h1,html[lang=en] .greeting h1,html[lang=en] .page-title{letter-spacing:0}html[lang=en] .badge,html[lang=en] .year-name,html[lang=en] .eyebrow{letter-spacing:.3px}html[lang=en]{--sidebar-w:272px}@media(max-width:640px){.sidebar{padding:10px 16px;gap:10px;border-right:0;border-bottom:1px solid var(--shell-stroke)}.brand{flex-shrink:0}.brand-name{font-size:16px;letter-spacing:1px;white-space:nowrap}.sidebar-spacer{display:none}.sidebar .lang-switch{padding:2px}.sidebar .lang-switch .lang-btn{min-width:34px;padding:0 6px;font-size:11px}.user-info,.user-actions{display:none}.user-card{gap:0}.user-row .avatar{width:34px;height:34px;font-size:14px}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;flex-direction:row;gap:0;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--shell);border-top:1px solid var(--shell-stroke);box-shadow:0 -8px 22px -12px #2b46422e}.nav-item{flex:1;min-width:0;height:50px;padding:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:12px}.nav-item svg{width:19px;height:19px}.nav-item span{display:block;max-width:100%;font-size:10px;line-height:1;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.toast{bottom:calc(80px + env(safe-area-inset-bottom))}}@media(max-width:360px){.nav-item span{font-size:9.5px;letter-spacing:0}}.stats-cards{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{display:flex;flex-direction:column;gap:12px}.stats-big{font-size:26px;line-height:1.2}.stats-skel{display:inline-block;height:16px;border-radius:8px;background:linear-gradient(90deg,var(--panel) 25%,#F2EFE9 37%,var(--panel) 63%);background-size:400% 100%;animation:sk 1.4s ease infinite}.stats-skel-sm{width:72px;vertical-align:middle}@media(prefers-reduced-motion:reduce){.stats-skel{animation:none}}.stats-table-card{display:flex;flex-direction:column;gap:16px}.stats-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.stats-head h2{font-size:16px;font-weight:500;white-space:nowrap}.stats-head .spacer{flex:1}.stats-filter{display:flex;align-items:center;gap:8px;width:240px;height:40px;padding:0 12px;background:var(--panel);border:1px solid var(--sage-line);border-radius:20px}.stats-filter svg{width:16px;height:16px;stroke:var(--footnote);flex-shrink:0}.stats-filter input{border:0;outline:0;background:none;flex:1;min-width:0;font:inherit;font-size:13px;font-weight:300;color:var(--dark)}.stats-filter input::placeholder{color:var(--footnote)}.stats-updated{font-size:12px;font-weight:300;color:var(--footnote)}.stats-body{display:flex;flex-direction:column;gap:12px}.stats-scroll{overflow-x:auto}.stats-table{width:100%;border-collapse:collapse;min-width:560px}.stats-table th,.stats-table td{padding:12px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--sage-line)}.stats-table th{font-size:12px;font-weight:500;color:var(--gray);white-space:nowrap}.stats-table tbody tr:last-child td{border-bottom:0}.stats-table tbody tr:hover{background:var(--panel)}.stats-table .col-num{text-align:right;width:96px}.stats-table .col-user{width:34%}.stats-sort{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:500;color:var(--gray);transition:color .15s ease}.stats-sort:hover{color:var(--sage-deep)}.stats-sort i{font-style:normal;font-size:11px;color:var(--sage-deep)}.stats-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--sage-tint);color:var(--sage-deep);font-size:13px;font-weight:500}.stats-user-text{display:inline-flex;flex-direction:column;gap:2px;margin-left:10px;min-width:0;vertical-align:middle;max-width:calc(100% - 44px)}.stats-nick{font-size:13.5px;font-weight:500;color:var(--dark)}.stats-id{font-family:var(--font-num);font-size:11.5px;color:var(--footnote);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-time{font-family:var(--font-num);font-size:12.5px;color:var(--gray);white-space:nowrap}.stats-count{font-family:var(--font-num);font-size:15px;font-weight:500;color:var(--deep)}.stats-denied{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.stats-denied h2{font-size:18px;font-weight:500}.stats-denied p{font-size:13px;font-weight:300;color:var(--gray)}.stats-denied-mark{font-family:var(--font-num);font-size:34px;font-weight:500;color:var(--sage-border);letter-spacing:2px}@media(max-width:1120px){.stats-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.stats-cards{grid-template-columns:1fr}.stats-filter{width:100%;order:3}.stats-head .btn{order:4}}