:root{--accent:#81766c;--accent-deep:#5f5750;--accent-soft:#f1f0ef;--accent-faint:#f7f6f5;--brand:var(--accent);--brand-deep:var(--accent-deep);--brand-soft:var(--accent-soft);--graphite:#2c2c2e;--on-dark:#fff;--ink:#29292b;--ink-2:#5f5f64;--ink-3:#85858a;--ink-4:#b7b7bb;--page:#f7f7f8;--card:#fff;--card-pure:#fff;--soft:#ececef;--surface-input:#fafafb;--control-track:#ececef;--line:#2c2c2e1a;--line-soft:#2c2c2e0f;--overlay:#2c2c2e75;--focus-ring:#81766c38;--success:#6c8f72;--success-soft:#eef2ee;--danger:#a86a5f;--danger-soft:#f6efed;--warning:#a8834f;--warning-soft:#f5f0e6;--text-xs:11px;--text-sm:12.5px;--text-base:13.5px;--text-md:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-title:32px;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--r-sm:10px;--r-md:14px;--r-lg:18px;--r-xl:22px;--r-full:999px;--sh-card:0 1px 2px #2c2c2e08, 0 8px 24px #2c2c2e0a;--sh-hover:0 2px 6px #2c2c2e0d, 0 18px 40px #2c2c2e17;--sh-float:0 10px 30px #2c2c2e1c;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--font-serif:"Songti SC", "Noto Serif SC", "Source Han Serif SC", STSong, "SimSun", serif;--ease:cubic-bezier(.22, .8, .3, 1);--z-topbar:30;--z-modal:100}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;max-width:100vw;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--page);color:var(--ink);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-bottom:env(safe-area-inset-bottom);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{max-width:560px;padding:0 var(--sp-4) 40px;margin:0 auto}main>.container{padding-top:calc(8px + env(safe-area-inset-top))}.page-hero{padding:28px 4px 20px}.page-hero .eyebrow{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.14em;text-transform:uppercase;color:var(--brand);margin:0 0 8px}.page-hero .title{font-family:var(--font-serif);font-weight:var(--w-medium);font-size:var(--text-title);letter-spacing:.03em;color:var(--ink);margin:0;line-height:1.15}.page-hero .sub{font-size:var(--text-base);color:var(--ink-3);margin:12px 0 0;line-height:1.65}.card{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.btn{border-radius:var(--r-full);font-size:var(--text-md);font-weight:var(--w-medium);transition:transform .2s var(--ease), opacity .2s var(--ease);border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--graphite);color:var(--on-dark)}.btn-ghost{background:var(--soft);color:var(--ink-2)}.btn:focus-visible,.chip:focus-visible,.seg-item:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sec-title{font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink);letter-spacing:.01em;align-items:center;gap:9px;margin:26px 4px 14px;display:flex}.sec-title .dot{background:var(--brand);border-radius:2px;flex-shrink:0;width:4px;height:17px}.sec-title .dot.danger{background:var(--danger)}.lead{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-card);margin-bottom:14px;padding:16px 18px}.lead-title{font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink);margin-bottom:6px;line-height:1.5}.lead-sub{font-size:var(--text-sm);color:var(--ink-3);line-height:1.7}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{border-radius:var(--r-lg);cursor:pointer;background:var(--card);border:1px solid var(--line-soft);min-height:100px;box-shadow:var(--sh-card);transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease);flex-direction:column;gap:8px;padding:16px 15px 14px;display:flex;position:relative}.tile:hover{box-shadow:var(--sh-hover);border-color:var(--line);transform:translateY(-3px)}.tile:active{transform:translateY(-1px)scale(.99)}.t-name{font-size:var(--text-md);font-weight:var(--w-bold);color:var(--ink);line-height:1.35}.t-sub,.t-desc{font-size:var(--text-xs);color:var(--ink-3);line-height:1.5}.t-meta{justify-content:space-between;align-items:center;gap:6px;margin-top:auto;display:flex}.t-count{font-size:10.5px;font-weight:var(--w-semibold);background:var(--soft);color:var(--ink-2);white-space:nowrap;border-radius:99px;padding:2px 9px}.t-arrow{color:var(--ink-4);font-size:17px;line-height:1}.t-idx{font-family:var(--font-serif);font-size:15px;font-weight:var(--w-medium);color:var(--ink-4);letter-spacing:.02em;align-self:flex-start;line-height:1}.tile.danger{border-color:#a86a5f3d}.tile.danger .t-name{color:var(--danger)}.info-block{border-radius:var(--r-md);font-size:var(--text-base);margin-top:12px;padding:13px 16px 13px 18px;line-height:1.65;position:relative;overflow:hidden}.info-block:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.info-block .label{font-size:var(--text-xs);font-weight:var(--w-semibold);letter-spacing:.02em;margin-bottom:5px}.info-block.detail{background:var(--soft);color:var(--ink-2)}.info-block.detail:before{background:var(--ink-4)}.info-block.example{background:var(--success-soft);color:var(--success)}.info-block.example:before{background:var(--success)}.info-block.avoid{background:var(--danger-soft);color:var(--danger)}.info-block.avoid:before{background:var(--danger)}.info-block.warning{background:var(--warning-soft);color:var(--ink-2)}.info-block.warning:before{background:var(--warning)}.info-block.success{background:var(--success-soft);color:var(--success)}.info-block.success:before{background:var(--success)}.ex-line{margin-bottom:6px;padding-left:12px;position:relative}.ex-line:before{content:"“";opacity:.65;position:absolute;top:-1px;left:0}.ex-line:after{content:"”";opacity:.65}.ex-line:last-child{margin-bottom:0}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{background:var(--card);border:1px solid var(--line);font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all .12s var(--ease);border-radius:99px;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.chip .chip-count{color:var(--ink-4);font-size:10.5px;font-weight:var(--w-medium)}.chip.active{background:var(--graphite);color:var(--on-dark);border-color:#0000}.chip.active .chip-count{color:#ffffff9e}.seg{background:var(--control-track);border-radius:999px;gap:6px;margin:0 0 14px;padding:5px;display:flex}.seg-item{text-align:center;cursor:pointer;font-size:var(--text-sm);font-weight:var(--w-medium);color:var(--ink-2);white-space:nowrap;transition:all .25s var(--ease);border-radius:999px;flex:1;padding:8px 4px}.seg-item.active{background:var(--graphite);color:var(--on-dark);box-shadow:0 1px 2px #2c2c2e24}.seg-item:active{transform:scale(.97)}.pill{background:var(--soft);color:var(--ink-2);font-size:11px;font-weight:var(--w-medium);border-radius:99px;align-items:center;padding:2px 10px;display:inline-flex}.pill.accent{background:var(--brand-soft);color:var(--brand-deep)}.pill.success{background:var(--success-soft);color:var(--success)}.pill.warning{background:var(--warning-soft);color:var(--warning)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.loading,.empty{text-align:center;color:var(--ink-3);font-size:var(--text-sm);padding:40px 0}.dir-list{flex-direction:column;gap:10px;display:flex}.dir-entry{background:var(--card);border:1px solid var(--line-soft);border-radius:var(--r-lg);box-shadow:var(--sh-card);transition:transform .16s var(--ease), box-shadow .16s var(--ease);align-items:center;gap:14px;padding:15px 16px;display:flex}.dir-entry:hover{box-shadow:var(--sh-hover)}.dir-entry:active{transform:scale(.985)}.dir-num{width:36px;height:36px;font-family:var(--font-serif);font-size:15px;font-weight:var(--w-bold);color:var(--ink-2);background:var(--soft);letter-spacing:.02em;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dir-num.accent{color:var(--brand-deep);background:var(--brand-soft)}.dir-body{flex:1;min-width:0}.dir-title{font-size:var(--text-md);font-weight:var(--w-semibold);color:var(--ink);margin-bottom:3px}.dir-desc{font-size:var(--text-sm);color:var(--ink-3);line-height:1.5}.dir-arrow{color:var(--ink-4);flex-shrink:0;font-size:20px;font-weight:300;line-height:1}