:root{font-size:15px;--accent:#a64b30;--ink:#402e25;--muted:#766152;--border:#e8ddcf;--bg:#faf6ef;--positive:#875021}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.65}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button{min-height:44px;border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d57900;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.6}.header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1240px;margin:auto;padding:19px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{width:285px;height:auto;display:block}.access{display:flex;gap:12px}.access button{background:#fff;border:1px solid var(--border);border-radius:9px;padding:6px 16px;font-weight:600;font-size:.94rem}.access button[aria-pressed=true]{background:#f9eadd;color:#954025;border-color:var(--accent)}.access span{margin-right:6px}.shell{max-width:1240px;margin:auto;padding:32px}.page-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:25px}.eyebrow{font-size:.84rem;letter-spacing:.06em;color:var(--muted);margin:0 0 7px;font-weight:600}h1,h2,h3,p{margin-top:0}h1{font-size:2rem;line-height:1.4;margin:0;letter-spacing:-.04em}h1 span{font-size:1.15rem;font-weight:500;margin-left:18px;color:var(--muted);letter-spacing:0}.date{font-size:.9rem;color:var(--muted);margin:0}.nav{display:flex;border-bottom:1px solid #e2d1bf;gap:35px;margin-bottom:28px}.nav button{background:transparent;padding:10px 7px 15px;border-bottom:3px solid transparent;font-size:1.04rem;font-weight:700;display:flex;align-items:center;gap:9px}.nav button.active{color:var(--accent);border-bottom-color:var(--accent)}.nav span{font-size:1.4rem;font-weight:400}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.welcome{background:#a64b30;border-radius:18px;padding:28px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden;position:relative}.welcome h2{font-size:1.95rem;line-height:1.48;margin:13px 0 10px;letter-spacing:.02em}.welcome p{font-size:.95rem;margin:0;color:#fff}.pill{font-size:.8rem;letter-spacing:.05em;background:#ffffff66;padding:6px 11px;border-radius:6px;display:inline-block}.welcome-number{display:flex;flex-direction:column;align-items:center;padding:0 3px 0 20px;flex-shrink:0}.welcome-number b{font-family:Georgia,serif;font-weight:400;font-size:7rem;line-height:1.1;color:#893d28}.welcome-number span{font-size:.8rem;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:30px 0 18px}.section-heading h2{font-size:1.35rem;margin:0}.section-heading .eyebrow{font-size:.78rem}.small-note{font-size:.78rem;color:var(--muted);padding-bottom:4px}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:20px}.category-tab{background:#fff;border:1px solid var(--border);border-radius:11px;padding:13px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;font-weight:600;font-size:.96rem}.category-tab[aria-selected=true]{background:#f9e6d4;border:2px solid var(--accent);padding:12px 3px 9px;color:#8e3d25}.icon{width:29px;height:29px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.category-tab .icon{width:26px;height:26px}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0 14px}.category-heading h3{font-size:1.16rem;margin:0 0 3px}.category-heading p{color:var(--muted);font-size:.86rem;margin:0}.count{background:#f0e4d5;border-radius:20px;padding:3px 12px;white-space:nowrap;font-size:.85rem}.actions{display:grid;gap:12px}.action{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px;display:flex;text-align:left;align-items:center;gap:15px;width:100%;transition:background .15s,border-color .15s}.check{border:2px solid #b59e87;border-radius:50%;width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;color:transparent;font-size:19px;line-height:1}.action[aria-pressed=true]{background:#fff0df;border-color:#c0814c}.action[aria-pressed=true] .check{background:var(--positive);border-color:var(--positive);color:#fff}.action-body{flex:1;min-width:0}.action-title{display:block;font-size:1.1rem;font-weight:700;line-height:1.4}.action-desc{display:block;font-size:.9rem;color:var(--muted);line-height:1.7;margin-top:6px}.action-points{font-size:.94rem;font-weight:700;color:var(--positive);flex-shrink:0;align-self:flex-start}.action-state{font-size:.77rem;font-weight:400;display:block;color:var(--muted);margin-top:7px}.reflection{border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.reflection summary{font-size:1rem;font-weight:600;cursor:pointer;min-height:52px;list-style-position:inside}.sub{font-size:.85rem;font-weight:400;display:block;color:var(--muted);margin:4px 0 0 19px}.reflection-note{font-size:.88rem;color:var(--muted);margin:16px 0}.action.negative .action-points{color:#985019}.action.negative[aria-pressed=true]{background:#fbece6;border-color:#bd7554}.action.negative[aria-pressed=true] .check{background:#964929;border-color:#964929}.next-category{background:#f5e6d7;border:1px solid #dec3a9;color:#8a3e27;border-radius:10px;width:100%;margin-top:22px;padding:12px;font-weight:700}.summary-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center}.summary-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.summary-title h2{font-size:1.1rem;margin:0}.summary-title>span{font-size:.76rem;color:var(--muted)}.score-ring{--progress:0deg;background:conic-gradient(var(--accent) var(--progress),#f0e5d8 0);width:184px;height:184px;border-radius:50%;margin:25px auto 20px;display:grid;place-items:center;transform:rotate(-0deg)}.score-ring>div{background:white;border-radius:50%;height:158px;width:158px;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-ring strong{font-size:3.2rem;line-height:1.25;font-weight:700;font-variant-numeric:tabular-nums}.score-ring span{font-size:.84rem;color:var(--muted)}.summary-card h3{font-size:1rem;margin-bottom:4px}.summary-card>p{font-size:.85rem;color:var(--muted)}.progress-list{display:grid;gap:14px;margin:23px 0;text-align:left}.progress-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:.8rem}.progress-track{height:7px;background:#f0e5d8;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--accent);border-radius:10px}.score-note{border-top:1px solid var(--border);padding-top:17px;margin-bottom:0}.text-button{background:transparent;color:#934227;font-size:.87rem;padding:4px 0;text-decoration:underline;text-underline-offset:5px}.tip-card{margin-top:20px;background:#f3e8d6;border:1px solid #e4d0ad;border-radius:14px;padding:23px}.tip-label{font-size:.8rem;color:#80551f;font-weight:700}.tip-card h3{font-size:1.08rem;line-height:1.7;margin:10px 0}.tip-card p{font-size:.88rem;color:#69503a;margin-bottom:5px}.storage-note{font-size:.8rem;color:var(--muted);text-align:center;margin:19px 0;line-height:1.8}.view-heading{margin:32px 0}.view-heading h2{font-size:1.65rem;margin-bottom:7px}.view-heading>p:last-child{color:var(--muted)}.map-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.map-card{background:white;border:1px solid var(--border);border-radius:16px;padding:25px;text-align:left;display:flex;gap:22px}.map-number{font-family:Georgia,serif;font-size:2.5rem;line-height:1;color:#c79166}.map-card h3{font-size:1.3rem;margin:6px 0}.map-card p{font-size:.95rem;color:var(--muted);margin-bottom:16px}.map-card .map-go{display:block;color:var(--accent);font-weight:600;font-size:.95rem}.source-note{margin-top:30px;border-top:1px solid var(--border);padding-top:25px;color:var(--muted)}.source-note h3{font-size:1.1rem;color:var(--ink)}.source-note p{font-size:.9rem}.record-stats{display:flex;gap:40px;background:#f9eadd;border-radius:14px;padding:23px 30px;margin-bottom:20px}.record-stats>div{display:flex;align-items:center;gap:12px}.record-stats strong{font-size:2rem;color:var(--accent)}.record-stats span{font-size:.9rem}.record-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:12px}.record-row p{margin:4px 0 0;color:var(--muted);font-size:.85rem}.record-row>span{font-size:1.2rem;font-weight:700;white-space:nowrap;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--border);margin-top:48px;padding-top:22px;font-size:.77rem;color:var(--muted)}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#593725;color:white;padding:12px 22px;border-radius:12px;box-shadow:0 4px 18px #46291722;max-width:90vw;width:max-content;z-index:20;pointer-events:none;opacity:0;transition:opacity .15s}.toast.visible{opacity:1}dialog{border:0;border-radius:18px;max-width:650px;width:calc(100% - 32px);max-height:85vh;padding:28px;color:var(--ink);font:inherit;box-shadow:0 20px 70px #46291733}dialog::backdrop{background:#30211577}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h2{font-size:1.3rem;margin:0}.dialog-head button{background:#f6ede2;width:52px;border-radius:50%;flex-shrink:0}#dialog-content{margin:22px 0;font-size:1rem}#dialog-content p{margin-bottom:15px}#dialog-content a{color:#934227;overflow-wrap:anywhere}#dialog-content li{margin-bottom:14px}.primary-button{background:var(--accent);color:white;width:100%;border-radius:10px;padding:12px;font-weight:700}.skip{position:fixed;top:-100px;left:20px;background:#fff;padding:10px;z-index:50}.skip:focus{top:10px}[hidden]{display:none!important}.large-text{font-size:18px}.large-text .workspace{grid-template-columns:minmax(0,1fr) 360px}.large-text .small-note{display:none}@media(hover:hover){.action:hover{border-color:#b98053}.nav button:hover,.text-button:hover{color:#71351e}.category-tab:hover{background:#fcf0e2}.map-card:hover{border-color:var(--accent)}}@media(max-width:1000px){.workspace,.large-text .workspace{grid-template-columns:minmax(0,1fr) 290px;gap:20px}.summary-card{padding:18px}.welcome-number{display:none}.small-note{display:none}.header-inner,.shell{padding-left:24px;padding-right:24px}}@media(max-width:760px){:root{font-size:15px}.large-text{font-size:19px}.header-inner{padding:12px 18px;flex-wrap:wrap;gap:12px}.brand{width:235px;max-width:80vw}.access{width:100%;gap:10px}.access button{flex:1;min-height:48px;font-size:.9rem;padding:6px}.shell{padding:22px 17px calc(105px + env(safe-area-inset-bottom))}.page-top{display:block;margin-bottom:22px}.page-top h1{font-size:1.65rem}.page-top h1 span{display:block;font-size:1.05rem;margin:4px 0 0}.eyebrow{font-size:.8rem}.date{margin-top:10px;font-size:.82rem}.nav{position:fixed;bottom:0;left:0;right:0;margin:0;background:#fff;border-top:1px solid var(--border);border-bottom:0;gap:0;z-index:10;padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px #402e2509}.nav button{flex:1;flex-direction:column;gap:0;padding:2px 0;border:0;min-height:68px;font-size:.82rem}.nav button.active{background:#f9e6d4;border-radius:10px}.nav span{font-size:1.25rem;line-height:1.3}.workspace,.large-text .workspace{display:flex;flex-direction:column;gap:24px}.primary,.sidebar{width:100%}.welcome{padding:23px;border-radius:14px}.welcome h2{font-size:1.55rem;margin:14px 0 10px}.welcome p{font-size:.9rem}.section-heading{margin-top:25px}.section-heading h2{font-size:1.18rem}.categories{gap:7px}.category-tab{font-size:.85rem;padding:12px 3px;line-height:1.5}.category-tab[aria-selected=true]{padding:11px 2px}.category-heading h3{font-size:1.1rem}.action{padding:16px 13px;gap:11px;align-items:flex-start}.check{margin-top:3px;width:29px;flex-basis:29px;height:29px}.action-title{font-size:1.08rem}.action-desc{font-size:.94rem;line-height:1.75}.action-points{font-size:.83rem}.action-state{font-size:.75rem}.summary-card{padding:23px}.score-ring{margin-top:20px}.progress-row{font-size:.92rem}.summary-card>p{font-size:.9rem}.tip-card p{font-size:.94rem}.tip-card{padding:23px}.map-grid{grid-template-columns:1fr}.map-card{padding:21px 18px;gap:16px}.view-heading h2{font-size:1.4rem}.record-stats{padding:20px;gap:20px;align-items:start}.record-stats>div{display:block;flex:1}.record-stats span{display:block}.record-row{padding:18px 15px;font-size:.95rem}.record-row>span{font-size:1rem}footer{display:block;text-align:center;margin-top:28px;font-size:.79rem}footer span{display:block;margin-bottom:8px}.toast{bottom:calc(95px + env(safe-area-inset-bottom));font-size:.9rem}dialog{padding:21px}.large-text .categories{grid-template-columns:repeat(2,1fr)}.large-text .action{flex-wrap:wrap}.large-text .action-body{flex-basis:calc(100% - 45px)}.large-text .action-points{margin-left:40px}.large-text .action-state{display:inline;margin-left:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* WeChat webview: prevent Android font boosting, keep layout stable */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}