:root{color-scheme:light;--paper: #f7f4ed;--paper-2: #fffdf8;--paper-3: #efeae0;--ink: #1f1d1a;--ink-2: #57524a;--ink-3: #6f6a60;--cinnabar: #b23a2e;--cinnabar-soft: #f3e3df;--cinnabar-deep: #8c2b21;--celadon: #5f8a77;--celadon-soft: #e2efe8;--gold: #a8802f;--gold-soft: #f5ead4;--line: rgba(31, 29, 26, .1);--line-2: rgba(31, 29, 26, .18);--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 12px rgba(31, 29, 26, .06);--shadow-lg: 0 8px 32px rgba(31, 29, 26, .12);--on-cinnabar: #ffffff;--serif: "Songti SC", "SimSun", "Noto Serif CJK SC", "Source Han Serif SC", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif;--tabbar-h: 58px;--navbar-h: 50px}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #171512;--paper-2: #201d19;--paper-3: #2b2721;--ink: #ece7dd;--ink-2: #c2bbb0;--ink-3: #9a9387;--cinnabar: #d96b57;--cinnabar-soft: #3a2621;--cinnabar-deep: #e08a7a;--celadon: #7fae97;--celadon-soft: #24312b;--gold: #c9a55a;--gold-soft: #332b1d;--line: rgba(236, 231, 221, .12);--line-2: rgba(236, 231, 221, .24);--shadow: 0 2px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .55);--on-cinnabar: #26130f}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--sans);font-size:15px;line-height:1.6;color:var(--ink);background:#e6e1d6;-webkit-font-smoothing:antialiased}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4{margin:0;font-weight:500}.app-shell{max-width:480px;min-height:100%;margin:0 auto;background:var(--paper);position:relative;box-shadow:0 0 40px #1f1d1a1a;display:flex;flex-direction:column}.page{flex:1;padding-bottom:calc(var(--tabbar-h) + 24px);min-height:100vh}.page-inner{padding:0 16px}.navbar{position:sticky;top:0;z-index:30;height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#f7f4edf0;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.navbar-title{font-family:var(--serif);font-size:17px}.navbar-side{min-width:56px;display:flex;align-items:center;gap:4px}.navbar-side.right{justify-content:flex-end}.icon-btn{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--ink-2)}.icon-btn:active{background:var(--paper-3)}.lang-toggle{display:inline-flex;background:var(--paper-3);border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px}.lang-toggle-item{border:none;background:transparent;color:var(--ink-3);font-size:12px;line-height:1;padding:5px 10px;border-radius:999px;min-width:34px;white-space:nowrap}.lang-toggle-item.active{background:var(--paper);color:var(--cinnabar);box-shadow:var(--shadow);font-weight:600}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--tabbar-h);display:flex;background:#fffdf8f5;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--line);z-index:40;padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:var(--ink-3)}.tabbar-item.active{color:var(--cinnabar)}.tabbar-glyph{font-size:19px;line-height:1;font-family:var(--serif)}.serif{font-family:var(--serif)}.muted{color:var(--ink-3)}.small{font-size:13px}.tiny{font-size:12px}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.section-title{font-family:var(--serif);font-size:16px;margin:22px 0 10px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:15px;background:var(--cinnabar);border-radius:2px}.section-sub{font-size:12px;color:var(--ink-3);margin:-6px 0 10px}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}.card.tight{padding:12px}.card-title{font-family:var(--serif);font-size:15px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.card-note{font-size:12px;color:var(--ink-3);font-family:var(--sans)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 18px;border-radius:20px;font-size:15px;background:var(--paper-3);color:var(--ink);transition:transform .1s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--cinnabar);color:var(--on-cinnabar)}.btn-primary:disabled{background:#cbb8b4}.btn-outline{background:transparent;border:1px solid var(--line-2)}.btn-block{display:flex;width:100%}.btn-lg{height:48px;border-radius:24px;font-size:16px}.btn-sm{height:32px;padding:0 14px;font-size:13px;border-radius:16px}.tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:12px;background:var(--paper-3);color:var(--ink-2);margin:0 6px 6px 0}.tag.red{background:var(--cinnabar-soft);color:var(--cinnabar-deep)}.tag.green{background:var(--celadon-soft);color:var(--celadon)}.tag.gold{background:var(--gold-soft);color:var(--gold)}.tag-row{display:flex;flex-wrap:wrap}.grid{display:grid;gap:10px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.entry{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 12px;display:flex;flex-direction:column;gap:6px;text-align:center;align-items:center}.entry-glyph{font-size:24px;font-family:var(--serif);color:var(--cinnabar)}.entry-name{font-family:var(--serif);font-size:15px}.entry-desc{font-size:11px;color:var(--ink-3);line-height:1.4}.list-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-item:last-child{border-bottom:none}.list-main{flex:1;min-width:0}.list-title{font-size:15px}.list-desc{font-size:12px;color:var(--ink-3);margin-top:2px}.list-arrow{color:var(--ink-3);font-size:18px}.form-item{margin-bottom:16px}.form-label{font-size:13px;color:var(--ink-2);margin-bottom:6px;display:block}.input,.select,.textarea{width:100%;height:42px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--radius-sm);background:var(--paper-2);outline:none}.textarea{height:auto;padding:10px 12px;min-height:84px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--cinnabar)}.option{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--line-2);border-radius:var(--radius-sm);margin-bottom:8px;background:var(--paper-2);font-size:14px}.option.selected{border-color:var(--cinnabar);background:var(--cinnabar-soft)}.option-dot{width:18px;height:18px;border-radius:50%;border:1px solid var(--line-2);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0;background:transparent;cursor:pointer}.option.selected .option-dot{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--on-cinnabar)}.link{color:var(--cinnabar);text-decoration:underline;text-underline-offset:2px}.legal-footer{padding:20px 0 12px;text-align:center;font-size:11px;line-height:1.9;color:var(--ink-3)}.legal-footer a{color:var(--ink-2);text-decoration:underline;text-underline-offset:2px}.legal-footer .sep{margin:0 6px}.support-contact{padding:4px 0 16px;text-align:center;font-size:11px;line-height:1.9;color:var(--ink-3)}.support-contact-title{margin-right:6px}.support-contact a{color:var(--cinnabar);text-decoration:underline;text-underline-offset:2px}.support-contact .sep{margin:0 6px;color:var(--ink-3)}.meter{height:6px;background:var(--paper-3);border-radius:3px;overflow:hidden}.meter-fill{height:100%;background:var(--cinnabar);border-radius:3px}.meter-fill.cool{background:var(--celadon)}.bipolar{position:relative;height:6px;background:var(--paper-3);border-radius:3px}.bipolar-mid{position:absolute;left:50%;top:-3px;width:1px;height:12px;background:var(--line-2)}.bipolar-fill{position:absolute;top:0;height:100%;background:var(--cinnabar);border-radius:3px}.hex-wrap{display:flex;align-items:center;gap:10px}.hex-lines{display:flex;flex-direction:column;gap:5px}.hex-line{height:7px;border-radius:2px;background:var(--ink)}.hex-line.yin{background:none;position:relative}.hex-line.yin:before,.hex-line.yin:after{content:"";position:absolute;top:0;height:7px;width:42%;background:var(--ink);border-radius:2px}.hex-line.yin:before{left:0}.hex-line.yin:after{right:0}.hex-line.changed{background:var(--cinnabar)}.hex-line.yin.changed:before,.hex-line.yin.changed:after{background:var(--cinnabar)}.disclaimer{font-size:11px;line-height:1.6;color:var(--ink-3);background:var(--paper-3);border-radius:var(--radius-sm);padding:10px 12px;margin-top:14px}.divider{height:1px;background:var(--line);margin:14px 0}.spacer{height:12px}.row{display:flex;align-items:center;gap:10px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;background:var(--cinnabar);color:var(--on-cinnabar)}.badge.plain{background:var(--paper-3);color:var(--ink-2)}.badge.green{background:var(--celadon)}.palette-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:42px;height:42px;border-radius:8px;border:2px solid transparent;display:flex;align-items:flex-end;justify-content:center;font-size:10px;padding-bottom:2px}.swatch.selected{border-color:var(--cinnabar)}.avatar{width:56px;height:56px;border-radius:50%;background:var(--paper-3);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:22px;color:var(--cinnabar);flex-shrink:0}.avatar.sm{width:42px;height:42px;font-size:17px}.hero{padding:20px 16px 18px;background:var(--paper-2);border-bottom:1px solid var(--line)}.hero-title{font-family:var(--serif);font-size:22px;letter-spacing:1px}.hero-sub{font-size:12px;color:var(--ink-3);margin-top:4px}.notice{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink-2);background:var(--gold-soft);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:12px}.notice.warn{background:var(--cinnabar-soft);color:var(--cinnabar-deep)}.segmented{display:flex;background:var(--paper-3);border-radius:18px;padding:3px;margin-bottom:12px}.segmented-item{flex:1;height:32px;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--ink-2)}.segmented-item.active{background:var(--paper-2);color:var(--ink);box-shadow:var(--shadow)}.camera-frame{position:relative;width:100%;aspect-ratio:1 / 1;background:#1a1815;border-radius:var(--radius);overflow:hidden}.camera-frame video,.camera-frame img{width:100%;height:100%;object-fit:cover}.camera-guide{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;aspect-ratio:3 / 4;border:2px dashed rgba(255,255,255,.6);border-radius:50%/42%;pointer-events:none}.camera-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#ffffffe6;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.6);pointer-events:none}.empty{text-align:center;padding:48px 20px;color:var(--ink-3);font-size:13px}.empty-glyph{font-size:40px;font-family:var(--serif);color:var(--line-2);margin-bottom:10px}.sheet-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1d1a73;z-index:60;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--paper-2);border-radius:18px 18px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:82%;overflow-y:auto}.fab{position:fixed;right:calc(50% - 224px);bottom:calc(var(--tabbar-h) + 20px);width:54px;height:54px;border-radius:50%;background:var(--cinnabar);color:var(--on-cinnabar);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--shadow-lg);z-index:35}@media (max-width: 480px){.fab{right:16px}}.entry:active,.pressable:active{transform:scale(.98);opacity:.85}.entry,.pressable{transition:transform .12s ease,opacity .12s ease}.skeleton-card{height:96px;border-radius:var(--radius);margin-bottom:12px;background:linear-gradient(100deg,var(--paper-3) 40%,var(--paper-2) 50%,var(--paper-3) 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-card.slim{height:64px}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}@media (prefers-reduced-motion: reduce){.skeleton-card{animation:none}.entry,.pressable{transition:none}}@media (prefers-color-scheme: dark){body{background:#0e0d0b}.navbar{background:#171512f0}.tabbar{background:#201d19f5}.toast{background:#ece3d7eb;color:#1f1d1a}.btn-primary:disabled{background:#4a3f3c}.lang-toggle-item.active,.segmented-item.active{background:var(--paper-2)}}.pulse-wave{width:100%;height:84px;display:block}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.stat-value{font-family:var(--serif);font-size:20px}.stat-label{font-size:11px;color:var(--ink-3);margin-top:2px}.toast{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:#1f1d1ae6;color:#fff;padding:9px 18px;border-radius:20px;font-size:13px;z-index:200;max-width:80vw;text-align:center}