:root{--blue:#4080ff;--blue-deep:#2b6de8;--blue-soft:#e8f1ff;--teal:#36cfc9;--coral:#ff7d7d;--green:#00b42a;--red:#f53f3f;--gray:#86909c;--text:#1d2129;--text2:#4e5969;--line:#e8eaef;--bg:#f4f6fa;--card:#fff;--shadow:0 6px 18px #1d21290f;--safe-b:env(safe-area-inset-bottom);color:var(--text);font-family:PingFang SC,HarmonyOS Sans SC,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#cfd6e4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%}.device-shell{place-items:center;min-height:100dvh;padding:24px 12px;display:grid}.phone{background:var(--bg);border-radius:36px;flex-direction:column;width:min(390px,100%);height:min(844px,100dvh);display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #1d212938}.screen{overscroll-behavior:contain;scrollbar-width:none;flex:1;overflow:auto}.screen::-webkit-scrollbar{display:none}.page{padding:4px 16px 92px;animation:.2s fade}@keyframes fade{0%{transform:translateY(6px)}to{transform:none}}.home-nav,.page-head,.sub-head{z-index:5;background:var(--bg);justify-content:space-between;align-items:center;min-height:48px;margin:0 -16px 12px;padding:4px 16px 10px;display:flex;position:sticky;top:0}.sub-head{gap:8px}.sub-head h2,.page-head h2{letter-spacing:-.02em;font-size:20px}.sub-head h2{text-align:center;flex:1}.sub-extra{justify-content:flex-end;min-width:44px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand b{font-size:16px;display:block}.hello-sub{color:var(--gray);margin-top:1px;font-size:11px;font-weight:400}.logo{background:var(--blue);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.bell{position:relative}.dot{background:var(--red);border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;margin-bottom:12px;padding:14px 14px 12px}.vision-card p{color:var(--text2);margin-top:8px;font-size:14px;line-height:1.65}.card-kicker{color:var(--blue);font-size:13px;font-weight:700}.text-btn{color:var(--blue);border-radius:8px;height:28px;padding:0 8px;font-size:12px;font-weight:600}.text-btn:active{background:var(--blue-soft)}.block{margin-bottom:14px}.block-title{margin-bottom:10px;font-size:15px;font-weight:700}.block-title.row{flex-direction:column;gap:4px;display:flex}.block-title small,.block-title.row-between small{color:var(--gray);font-size:12px;font-weight:400}.goal-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding:2px 0 8px;display:flex;overflow-x:auto}.goal-scroller::-webkit-scrollbar{display:none}.goal-card{scroll-snap-align:start;background:var(--card);min-width:0;box-shadow:var(--shadow);text-align:left;border-radius:16px;flex:0 0 100%;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.goal-copy{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.goal-copy strong{font-size:15px}.goal-copy small{color:var(--gray);font-size:11px}.tag{white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.tag-academic{background:var(--blue-soft);color:var(--blue-deep)}.tag-career{color:#0e8f8a;background:#e6fffb}.tag-ability{color:#d94848;background:#fff1f0}.mini-todo{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 0;font-size:13px;display:flex}.mini-todo:last-of-type{border-bottom:0}.mini-todo span{flex:1;font-weight:600}.mini-todo em{color:var(--gray);font-size:12px;font-style:normal}.prio{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.prio-high{background:var(--red)}.prio-medium{background:#ffc53d}.prio-low{background:var(--gray)}.stat-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.stat-grid.inner{gap:0;margin:0}.stat{text-align:center;padding:4px 0}.stats-card .stat{border-right:1px solid var(--line)}.stats-card .stat:last-child{border-right:0}.stat b{color:var(--blue);letter-spacing:-.03em;font-size:22px;display:block}.stat span{color:var(--gray);font-size:11px}.week-bar{background:#eef1f6;border-radius:99px;height:6px;margin-top:12px;overflow:hidden}.week-bar i{background:var(--blue);border-radius:99px;height:100%;display:block}.link-btn,.ghost-btn,.primary-btn,.danger-btn{border-radius:12px;height:40px;margin-top:10px;font-weight:600}.link-btn{width:100%;color:var(--blue);background:var(--blue-soft)}.primary-btn{background:var(--blue);color:#fff;width:100%}.primary-btn:active{background:var(--blue-deep)}.primary-btn.slim{height:34px;margin-top:8px;font-size:13px}.primary-btn.icon{place-items:center;width:34px;height:34px;margin:0;padding:0;display:grid}.ghost-btn{color:var(--blue);background:#fff;border:1px solid #d6e4ff;justify-content:center;align-items:center;gap:4px;width:auto;height:34px;margin-top:0;padding:0 12px;display:inline-flex}.ghost-btn.wide{width:100%;margin-top:10px}.danger-btn{width:100%;color:var(--red);background:#fff1f0;height:34px;margin-top:0}.btn-col{flex-direction:column;gap:8px;margin-top:16px;display:flex}.btn-col .primary-btn,.btn-col .ghost-btn{margin-top:0}.row-btns{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row-btns .ghost-btn{width:100%}.head-actions{align-items:center;gap:8px;display:flex}.icon-btn{width:36px;height:36px;color:var(--text);border-radius:10px;place-items:center;display:grid}.icon-btn.active{color:var(--blue);background:var(--blue-soft)}.tabbar{height:calc(64px + var(--safe-b));padding:6px 10px var(--safe-b);border-top:1px solid var(--line);z-index:12;background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tabbar button{color:var(--gray);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.tabbar button.on{color:var(--blue);background:var(--blue-soft);font-weight:700}.overlay{z-index:30;background:#1d212973;place-items:end center;padding:12px;display:grid;position:absolute;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-height:86%;padding:16px 16px 18px;overflow:auto}.modal-head,.drawer-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal-head h3,.drawer-head h3{font-size:17px}.modal-foot{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.modal-foot .ghost-btn,.modal-foot .primary-btn{width:100%;height:40px;margin-top:0}.drawer-root{z-index:20;pointer-events:none;visibility:hidden;position:absolute;inset:0}.drawer-root.open{pointer-events:auto;visibility:visible}.drawer-mask{opacity:0;background:#1d212966;transition:all .22s;position:absolute;inset:0}.drawer-root.open .drawer-mask{opacity:1}.drawer{background:var(--bg);z-index:21;flex-direction:column;width:88%;transition:transform .24s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 32px #1d21291f}.drawer-root.open .drawer{transform:none}.drawer-head{background:var(--bg);padding:14px 16px 10px}.drawer-head h3{min-width:0}.drawer-head-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.drawer-body{flex:1;min-height:0;padding:0 16px 16px;overflow:auto}.field{color:var(--text2);flex-direction:column;gap:6px;margin-bottom:10px;font-size:13px;display:flex}.field input,.field select,.field textarea,.filter-bar select,.search input{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus,.search input:focus{border-color:#adc6ff}.field textarea{resize:vertical}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{height:30px;color:var(--text2);border:1px solid var(--line);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.chip.active{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700}.seg{background:#e8ecf4;border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:3px;display:grid}.seg.four{grid-template-columns:repeat(4,1fr)}.seg.three{grid-template-columns:repeat(3,1fr);margin-bottom:0}.seg button{height:34px;color:var(--text2);border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:12px;display:flex}.seg button em{color:var(--gray);font-size:10px;font-style:normal;font-weight:600}.seg button.on{color:var(--blue);background:#fff;font-weight:700}.seg button.on em{color:var(--blue)}.plan-list{flex-direction:column;gap:10px;display:flex}.life-strip{text-align:left;background:var(--blue-soft);border-radius:14px;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.life-strip>div{flex:1;min-width:0}.life-strip span{color:var(--blue);font-size:11px;font-weight:700}.life-strip p{color:var(--text2);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.life-strip svg{color:var(--blue);opacity:.7;flex-shrink:0}.plan-summary{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:14px;grid-template-columns:1fr 1fr 1fr;padding:10px 6px;display:grid}.plan-summary span{color:var(--gray);font-size:11px}.plan-summary b{color:var(--text);margin-bottom:2px;font-size:16px;display:block}.plan-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.plan-card.cat-academic{box-shadow:var(--shadow), inset 3px 0 0 var(--blue)}.plan-card.cat-career{box-shadow:var(--shadow), inset 3px 0 0 var(--teal)}.plan-card.cat-ability{box-shadow:var(--shadow), inset 3px 0 0 var(--coral)}.plan-card-main{text-align:left;width:100%;padding:12px 12px 8px 14px}.plan-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.plan-card-copy{min-width:0}.plan-card-copy strong{font-size:15px}.plan-card-copy small{color:var(--gray);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.plan-bar{background:#eef1f6;border-radius:99px;height:6px;margin-top:10px;overflow:hidden}.plan-bar i{background:var(--blue);border-radius:99px;min-width:0;height:100%;display:block}.plan-card.cat-career .plan-bar i{background:var(--teal)}.plan-card.cat-ability .plan-bar i{background:var(--coral)}.plan-subs{padding:0 8px 4px 14px}.plan-sub{text-align:left;border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:100%;padding:8px 6px;display:grid}.plan-sub-lvl{color:var(--blue);background:var(--blue-soft);white-space:nowrap;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.plan-card.cat-career .plan-sub-lvl{color:#0e8f8a;background:#e6fffb}.plan-card.cat-ability .plan-sub-lvl{color:#d94848;background:#fff1f0}.plan-sub-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.plan-sub b{color:var(--blue);font-size:12px}.plan-empty-hint{background:var(--bg);color:var(--gray);border-radius:10px;margin:0 14px 8px;padding:8px 10px;font-size:12px;line-height:1.45}.plan-foot{color:var(--gray);justify-content:space-between;padding:8px 14px 10px;font-size:11px;display:flex}.plan-group{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:12px 12px 8px}.plan-group-head{align-items:flex-start;gap:4px;display:flex}.plan-group-main{text-align:left;flex:1;justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.plan-group-main strong{font-size:15px}.plan-group-main small{color:var(--gray);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.plan-group-head .fold{width:28px;height:28px;margin-top:4px}.group-bar{margin:10px 0 4px}.plan-children{border-top:1px solid var(--line);margin-top:4px;padding-top:2px}.plan-row{align-items:center;gap:2px;min-width:0;display:flex}.plan-row.depth-1{padding-left:18px}.plan-row.depth-2,.plan-row.depth-3{padding-left:32px}.plan-row-main{text-align:left;flex:1;grid-template-columns:1fr auto auto;align-items:center;gap:8px;min-width:0;padding:10px 4px;display:grid}.plan-row-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.plan-row-main b{color:var(--blue);font-size:12px}.fold{width:22px;height:22px;color:var(--gray);flex-shrink:0;place-items:center;transition:all .15s;display:grid;transform:rotate(0)}.fold.open{color:var(--blue);transform:rotate(90deg)}.fold.ghost{width:22px}.tree-pct{color:var(--blue);letter-spacing:-.03em;font-size:16px;font-weight:700}.st-text{border-radius:999px;padding:1px 6px;font-size:10px;font-style:normal}.st-text.st-in_progress{background:var(--blue-soft);color:var(--blue)}.st-text.st-done{color:var(--green);background:#e8ffea}.st-text.st-overdue{color:var(--red);background:#ffece8}.st-text.st-not_started{color:var(--gray);background:#f2f3f5}.thin-bar{background:#eef1f6;border-radius:99px;height:4px;overflow:hidden}.thin-bar i{background:var(--blue);border-radius:99px;height:100%;display:block}.timeline{padding-left:14px;position:relative}.timeline:before{content:"";background:#dce3ef;width:2px;position:absolute;top:18px;bottom:18px;left:5px}.tl-group{margin-bottom:8px}.tl-month{color:var(--gray);margin:0 0 8px 6px;font-size:12px;font-weight:700}.tl-item{text-align:left;width:100%;box-shadow:var(--shadow);background:#fff;border-radius:14px;grid-template-columns:14px 1fr auto;align-items:center;gap:8px;margin-bottom:8px;padding:12px;display:grid}.tl-dot{background:var(--blue);width:10px;height:10px;box-shadow:0 0 0 3px var(--bg);border-radius:50%;margin-left:-22px}.tl-copy{min-width:0}.tl-item.st-done .tl-dot{background:var(--green)}.tl-item.st-overdue .tl-dot{background:var(--red)}.tl-item.st-not_started .tl-dot{background:var(--gray)}.tl-item small{color:var(--gray);font-size:11px}.tl-item strong{margin-bottom:2px;font-size:13px;display:block}.detail-hero{align-items:center;gap:12px;margin-bottom:12px;display:flex}.detail-hero h4{font-size:16px}.muted{color:var(--gray);margin-top:4px;font-size:12px}.desc{color:var(--text2);margin:8px 0;font-size:13px;line-height:1.6}.desc.card-lite{background:#fff;border-radius:12px;margin:0 0 14px;padding:12px}.hint-card{text-align:center;background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 14px}.hint-card p{font-size:13px;font-weight:650}.hint-card span{color:var(--gray);margin-top:4px;font-size:12px;line-height:1.5;display:block}.picker-btn{border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:40px;padding:0 12px;font-size:13px;display:flex}.picker-btn span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker-btn svg{color:var(--gray);flex-shrink:0;transform:rotate(90deg)}.pick-list{flex-direction:column;gap:4px;max-height:52vh;display:flex;overflow:auto}.pick-list.inline{border:1px solid var(--line);background:#fff;border-radius:12px;max-height:180px;padding:6px}.pick-item{text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;display:flex}.pick-item.d1{color:var(--text2);padding-left:22px}.pick-item.d2,.pick-item.d3{color:var(--gray);padding-left:34px;font-size:12px}.pick-item.on{background:var(--blue-soft);color:var(--blue);font-weight:700}.child-row{text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;padding:12px;display:flex}.child-row b{color:var(--blue);font-size:13px}.child-row em{color:var(--gray);font-size:12px;font-style:normal}.split-row{grid-template-columns:1.1fr .95fr .95fr;gap:6px;margin-bottom:8px;display:grid}.split-row input{border:1px solid var(--line);border-radius:8px;width:100%;padding:8px;font-size:12px}.hint{color:var(--gray);margin-bottom:10px;font-size:12px}.filter-bar{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.todo-list{flex-direction:column;gap:8px;display:flex}.swipe-wrap{background:#fff;border-radius:14px;position:relative;overflow:hidden}.swipe-actions{display:flex;position:absolute;inset:0 0 0 auto}.act{color:#fff;width:66px;font-size:13px;font-weight:600}.act.edit{background:var(--blue)}.act.del{background:var(--red)}.todo-row{z-index:1;touch-action:pan-y;background:#fff;border-radius:14px;align-items:flex-start;gap:10px;width:100%;padding:12px;transition:transform .18s;display:flex;position:relative}.todo-row.overdue{box-shadow:inset 3px 0 0 var(--red)}.todo-row.done .todo-title{color:var(--gray);text-decoration:line-through}.todo-main{flex:1;min-width:0}.todo-title{align-items:center;gap:6px;font-size:14px;font-weight:650;display:flex}.todo-note{color:var(--text2);margin-top:4px;font-size:12px}.todo-meta{color:var(--gray);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.danger{font-weight:700;color:var(--red)!important}.mini-tag{background:var(--blue-soft);color:var(--blue-deep);border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.check{border:1.7px solid #c9cdd4;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.check.on{background:var(--green);border-color:var(--green)}.batch-bar.inpage{z-index:8;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid;position:sticky;bottom:8px}.batch-bar.inpage button{background:var(--blue);color:#fff;border-radius:12px;height:42px;font-size:13px;font-weight:700}.batch-row{background:#fff;border-radius:12px;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.search{box-shadow:var(--shadow);color:var(--gray);background:#fff;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:0 12px;display:flex}.search input{border:0;padding:11px 0}.res-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rest-title{margin-top:16px}.rec-badge{color:var(--blue-deep);background:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.res-card{box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:8px 8px 10px}.res-card h4{margin:8px 0 4px;font-size:13px;line-height:1.35}.res-card p{color:var(--gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:11px;display:-webkit-box;overflow:hidden}.res-cover{cursor:pointer;width:100%;display:block;position:relative}.drawer-body .cover{height:120px}.res-hero{color:#fff;border-radius:16px;margin-bottom:14px;padding:14px 14px 16px}.res-hero-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.res-hero h3{margin-bottom:8px;font-size:20px;line-height:1.35}.hero-tag{background:#ffffff38;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.free-tag{color:#fff;background:#ffffff38;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.res-section{background:#fff;border-radius:14px;margin-bottom:10px;padding:12px}.res-section .block-title{margin-bottom:8px}.res-section .desc{margin:0 0 8px}.res-section .desc:last-child{margin-bottom:0}.struct-row{border-top:1px solid var(--line);grid-template-columns:22px 1fr auto;align-items:center;gap:8px;padding:10px 0;display:grid}.struct-row:first-of-type{border-top:0;padding-top:0}.struct-row i{background:var(--blue-soft);width:22px;height:22px;color:var(--blue);border-radius:50%;place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.struct-row em{color:var(--gray);font-size:12px;font-style:normal}.vip-note{text-align:center;color:var(--gray);margin:4px 0 8px;font-size:12px}.res-hero .fav{position:static}.cover{background:var(--blue);color:#fff;letter-spacing:.08em;border-radius:10px;place-items:center;height:86px;font-size:16px;font-weight:700;display:grid}.cover-kaoyan{background:#3b7cff}.cover-career{background:#1aa8a3}.cover-review{background:#5b6b80}.cover-exam{background:#1d2129}.cover-gaokao{background:#e85d5d}.cover-intern{background:#16a34a}.cover span{background:#ffffff29;border-radius:8px;padding:4px 8px;font-size:13px}.vip{color:#ffd666;background:#1d2129;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.fav{width:24px;height:24px;color:var(--gray);background:#fffffff2;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.fav.on{color:#ff7d00}.res-title{margin:10px 0 6px}.profile-hero{background:var(--blue);color:#fff;text-align:left;border-radius:18px;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:16px;display:flex}.profile-copy{flex:1;min-width:0}.profile-copy small{opacity:.8;margin-top:6px;font-size:11px;display:block}.profile-edit{color:#fff;background:#fff3;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600}.avatar.lg{width:72px;height:72px;margin:0 auto 8px;font-size:26px}.avatar.xl{background:var(--blue-soft);border-radius:24px;width:80px;height:80px;font-size:34px}.profile-edit-page{flex-direction:column;min-height:100%;display:flex}.profile-edit-page .field{margin-bottom:14px}.profile-edit-page .field>span{color:var(--text2);font-size:12px;font-weight:650}.edit-card{box-shadow:var(--shadow);background:#fff;border-radius:16px;padding:14px 14px 6px}.edit-card .seg{margin-bottom:0}.field-count{text-align:right;color:var(--gray);margin-top:-2px;font-size:11px;font-style:normal;display:block}.edit-save{height:44px;box-shadow:0 -12px 16px var(--bg);margin-top:auto;position:sticky;bottom:0}.avatar-block{text-align:center;margin:6px 0 16px}.avatar-hint{color:var(--gray);margin-top:8px;font-size:12px}.avatar{width:54px;height:54px;color:var(--blue);background:#fff;border-radius:18px;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-upload{cursor:pointer;box-shadow:var(--shadow);background:#fff;border-radius:28px;padding:5px;display:inline-flex;position:relative}.avatar-upload .avatar{margin:0}.avatar-badge{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:2px;right:2px}.name-row{align-items:center;gap:6px;display:flex}.profile-hero .mini-tag{color:#fff;background:#fff3}.profile-hero p{opacity:.88;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.menu{box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden}.menu-item{border-bottom:1px solid var(--line);text-align:left;grid-template-columns:32px 1fr 16px;align-items:center;gap:10px;width:100%;padding:13px 14px;display:grid}.menu-item:last-child{border-bottom:0}.menu-ico{width:32px;height:32px;color:var(--blue);background:var(--blue-soft);border-radius:10px;place-items:center;display:grid}.ico-reviews{color:#2b6de8;background:#e8f1ff}.ico-badges{color:#d48806;background:#fff7e6}.ico-favorites{color:#d9480f;background:#fff2e8}.ico-export{color:#0e8f8a;background:#e6fffb}.ico-member{color:#722ed1;background:#f5e8ff}.ico-settings{color:#4e5969;background:#f2f3f5}.row-between{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.review-card{text-align:left}.review-card p{color:var(--text2);margin-top:8px;font-size:13px}.review-detail p{color:var(--text2);background:#fff;border-radius:12px;margin-bottom:10px;padding:12px;font-size:13px;line-height:1.6}.review-detail b{color:var(--text);margin-bottom:6px;display:block}.badge-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.badge{text-align:center;color:var(--gray);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:16px 12px}.badge.on,.badge.on svg{color:var(--blue)}.badge b{color:inherit;margin:8px 0 4px;font-size:13px;display:block}.badge span{color:var(--gray);font-size:11px}.vip-card{color:#fff;background:#1d2129}.vip-card p{color:#c9cdd4;margin-top:8px;font-size:13px}.msg-summary{color:var(--text2);margin:0 2px 12px;font-size:12px;line-height:1.5}.msg-group{margin-bottom:14px}.msg-date{color:var(--gray);margin:0 2px 8px;font-size:12px;font-weight:700}.msg-card{text-align:left;width:100%;box-shadow:var(--shadow);background:#fff;border:1px solid #0000;border-radius:16px;grid-template-columns:40px 1fr;gap:10px;margin-bottom:8px;padding:12px;display:grid}.msg-card.unread{background:#f3f8ff;border-color:#d6e4ff}.msg-ico{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.msg-ico.todo{color:var(--blue);background:var(--blue-soft)}.msg-ico.streak{color:#0e8f8a;background:#e6fffb}.msg-ico.resource{color:#d48806;background:#fff7e6}.msg-main{min-width:0}.msg-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.msg-top b{flex:1;min-width:0;font-size:14px;line-height:1.35}.msg-top small{color:var(--gray);flex-shrink:0;align-items:center;gap:6px;padding-top:2px;font-size:11px;display:inline-flex}.msg-kind{color:var(--gray);margin-top:4px;font-size:11px;font-weight:600;display:inline-block}.msg-card p{color:var(--text2);margin-top:4px;font-size:12px;line-height:1.5}.msg-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:6px;height:6px}.msg-go{color:var(--blue);align-items:center;gap:0;margin-top:8px;font-size:12px;font-weight:700;display:inline-flex}.empty{text-align:center;color:var(--gray);padding:20px 8px;font-size:13px}.toast{color:#fff;z-index:40;white-space:nowrap;background:#1d2129eb;border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.ring-text{fill:var(--text);font-size:11px;font-weight:700}.prio-pick{gap:8px;display:flex}.switch{appearance:none;background:#c9cdd4;border:0;border-radius:99px;width:42px;height:24px;position:relative}.switch:checked{background:var(--blue)}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s;position:absolute;top:3px;left:3px}.switch:checked:after{left:21px}@media (width<=480px){body{background:var(--bg)}.device-shell{padding:0}.phone{width:100%;height:100dvh;box-shadow:none;border-radius:0}}