:root{--ink: #1c2823;--muted: #66716b;--line: #e4ddd0;--paper: #f3efe6;--card: #fffdf8;--pine: #143d32;--pine-2: #1f6a52;--mint: #e7f3ec;--amber: #f4e7c8;--danger: #9d2c2c;--shadow: 0 10px 30px rgba(28, 40, 35, .08);--serif: "Iowan Old Style", Palatino, "Palatino Linotype", "Songti SC", serif;--sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--sans);color:var(--ink);background:radial-gradient(900px 420px at 10% -10%,#efe4cc 0%,transparent 60%),radial-gradient(700px 380px at 110% 0%,#d7ebe3 0%,transparent 55%),var(--paper)}button,input,select,textarea{font-family:inherit;font-size:16px}button{cursor:pointer}a{color:inherit}.shell{width:min(440px,100%);min-height:100vh;margin:0 auto;position:relative}.page{padding:22px 18px 108px}.auth-page{padding-bottom:36px}.brand{padding:28px 4px 18px}.brand .mark{display:inline-flex;color:var(--pine);letter-spacing:.18em;font-size:12px}.brand h1{margin:10px 0 6px;font-family:var(--serif);font-weight:600;font-size:34px;line-height:1.15}.brand p{margin:0;color:var(--muted);line-height:1.6}.card{background:var(--card);border:1px solid rgba(228,221,208,.9);border-radius:18px;box-shadow:var(--shadow);padding:16px}.card+.card,.stack>*+*{margin-top:12px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin-bottom:16px;background:#efeae0;border-radius:14px}.tabs a{text-align:center;text-decoration:none;color:var(--muted);border-radius:11px;padding:10px 0}.tabs .on{background:var(--card);color:var(--ink)}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.head h2{margin:0;font-family:var(--serif);font-size:28px;font-weight:600}.head span,.muted{color:var(--muted);font-size:13px;line-height:1.5}.hello{margin:0 0 4px;color:var(--pine-2);font-size:13px;letter-spacing:.08em}.student{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center}.avatar,.avatar-lg{width:58px;height:58px;border-radius:18px;object-fit:cover;background:var(--amber);display:grid;place-items:center;color:var(--pine);font-family:var(--serif);font-size:24px}.avatar-lg{width:72px;height:72px;border-radius:22px}.student h3,.entry h3{margin:0 0 4px;font-size:17px}.meta{color:var(--muted);font-size:13px;line-height:1.55}.tag{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;background:var(--mint);color:var(--pine-2);font-size:12px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px}.chips button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 12px;white-space:nowrap}.chips .on{background:var(--pine);color:#f7f3ea;border-color:var(--pine)}.entry{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center}.shot{width:72px;height:72px;border-radius:14px;object-fit:cover;background:#efeae0}.shot.empty{display:grid;place-items:center;color:var(--muted);font-size:12px}.shot.face{cursor:pointer}.linkish{border:0;background:transparent;color:var(--pine-2);padding:0}.empty{text-align:center;padding:28px 10px;color:var(--muted)}.empty strong{display:block;color:var(--ink);font-weight:600;margin-bottom:6px}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:rgba(255,253,248,.94);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.tabbar a{text-decoration:none;text-align:center;color:var(--muted);font-size:12px;padding:6px 0 2px}.tabbar a.on{color:var(--pine);font-weight:600}.tabbar small{display:block;font-family:var(--serif);font-size:16px;line-height:1.2}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%);z-index:30;max-width:min(400px,calc(100% - 32px));background:var(--ink);color:#f7f3ea;border-radius:999px;padding:10px 16px;font-size:14px}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(28,40,35,.45);z-index:20;display:grid;place-items:center;padding:24px}.dialog{width:min(360px,100%)}.dialog h3{margin:0 0 8px;font-family:var(--serif)}.lightbox img{max-width:100%;max-height:78vh;border-radius:16px;display:block}.me-top{display:flex;gap:14px;align-items:center;margin-bottom:8px}.avatar-btn{position:relative;border:0;padding:0;background:transparent}.avatar-btn span{position:absolute;left:6px;right:6px;bottom:6px;border-radius:999px;background:rgba(20,61,50,.72);color:#f7f3ea;font-size:11px;line-height:18px}.file-input{display:none}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{flex:1 1 30%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 0}.seg .on{background:var(--mint);border-color:#b7d7c8;color:var(--pine)}label{display:block;margin:12px 0 6px;color:var(--muted);font-size:13px}.field{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 13px;color:var(--ink);outline:none}.field:focus{border-color:#8fbfae}textarea.field{min-height:88px;resize:vertical}.btn{display:block;width:100%;border:0;border-radius:14px;padding:13px 16px;background:var(--pine);color:#f7f3ea;text-align:center;text-decoration:none}.btn:disabled{opacity:.55}.btn.ghost{background:transparent;color:var(--pine);border:1px solid #c9d7d0}.btn.warn{background:#fff;color:var(--danger);border:1px solid #efd0d0}.btn.slim{display:inline-block;width:auto;padding:8px 12px;border-radius:999px;font-size:13px}.row-actions{display:flex;gap:8px}.row-actions .btn{flex:1}