:root{--bg:#f7f8fb;--surface:#fff;--soft:#f1f4f9;--text:#1c2536;--muted:#5d6779;--line:#e2e7ef;--navy:#16243d;--accent:#d9381e;--accent-dark:#ad2a13;--accent-soft:#fdeee9;--sub:#1f6fb5;--sub-soft:#e8f1fb;--gold:#f2a516;--note:#a15c07;--note-soft:#fff6e5;--ok:#2b8a3e;--ng:#d6336c;--t1:#e03131;--t2:#2b8a3e;--t3:#1c6fc4;--t4:#7b3fe4;--t0:#8a94a6;--radius:14px;--shadow:0 1px 2px #16243d0d, 0 8px 24px #16243d0f;--wrap:780px;--wide:1160px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Yu Gothic,Meiryo,sans-serif;line-height:1.9}:lang(zh),.zh,.hz{font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,Source Han Sans SC,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);overflow-wrap:anywhere;margin:0;font-size:16px}@media (width>=768px){body{font-size:17px}}img{max-width:100%;height:auto;display:block}a{color:var(--sub);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button{font:inherit;color:inherit}h1,h2,h3,h4{font-feature-settings:"palt";letter-spacing:.02em;line-height:1.45}.icon{vertical-align:-2px;flex-shrink:0}.skip{position:absolute;left:-9999px}.skip:focus{z-index:99;background:#fff;padding:8px 12px;top:8px;left:8px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}.wrap--wide{max-width:var(--wide)}.t1{color:var(--t1)}.t2{color:var(--t2)}.t3{color:var(--t3)}.t4{color:var(--t4)}.t0{color:var(--t0)}.py{letter-spacing:.01em;font-family:Helvetica Neue,Arial,Hiragino Sans,sans-serif}.site-header{z-index:50;backdrop-filter:saturate(1.4)blur(8px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.header-inner{align-items:center;gap:8px 20px;min-height:64px;display:flex}.logo{color:var(--text);flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark{background:var(--accent);color:#fff;width:38px;height:38px;box-shadow:0 3px 0 var(--accent-dark);border-radius:11px;place-items:center;font-size:21px;font-weight:800;display:grid}.logo-text{letter-spacing:.03em;flex-direction:column;font-size:19px;font-weight:800;line-height:1.2;display:flex}.logo-text small{color:var(--muted);letter-spacing:.04em;font-size:10.5px;font-weight:600}.gnav{gap:2px;margin-left:auto;font-size:14px;font-weight:700;display:flex}.gnav a{color:var(--text);white-space:nowrap;border-radius:999px;padding:8px 11px;text-decoration:none}.gnav a:hover{background:var(--soft);color:var(--accent)}.gnav a[aria-current=page]{background:var(--navy);color:#fff}.gnav .gnav-tools{background:var(--accent-soft);color:var(--accent)}.hsearch{align-items:center;display:flex}.hsearch input{border:1px solid var(--line);background:var(--soft);border-radius:999px;width:150px;padding:7px 14px;font-size:14px}.hsearch input:focus{outline:2px solid var(--sub);background:#fff}@media (width<=1040px){.header-inner{flex-wrap:wrap;padding-top:8px}.gnav{scrollbar-width:none;order:3;width:100%;margin:0 -16px;padding:0 12px 8px;font-size:13px;overflow-x:auto}.gnav::-webkit-scrollbar{display:none}.gnav a{background:var(--soft);padding:5px 12px}.hsearch{margin-left:auto}.hsearch input{width:130px}}@media (width<=560px){.hsearch,.logo-text small{display:none}.logo-mark{width:32px;height:32px;font-size:18px}.logo-text{font-size:17px}}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:12px 22px;font-size:15.5px;font-weight:800;line-height:1.3;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 0 var(--accent-dark)}.btn-dark{background:var(--navy);color:#fff;box-shadow:0 4px #0a1324}.btn-ghost{color:var(--text);border:2px solid var(--line);background:#fff}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:7px 14px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}.say{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);cursor:pointer;vertical-align:middle;border:0;border-radius:50%;flex-shrink:0;place-items:center;transition:background .15s,transform .15s;display:inline-grid}.say:hover{background:var(--accent);color:#fff}.say.is-playing{background:var(--accent);color:#fff;transform:scale(1.08)}.say svg{width:15px;height:15px}.say-lg{width:48px;height:48px}.say-lg svg{width:22px;height:22px}.prose .zh[data-say]{cursor:pointer;border-bottom:1px dotted}.hero{border-bottom:1px solid var(--line);background:radial-gradient(900px 380px at 90% -20%,#ffe3db 0,#0000 60%),radial-gradient(700px 300px at 0 110%,#e3eefb 0,#0000 60%),#fff}.hero-inner{align-items:center;gap:28px;padding-top:32px;padding-bottom:40px;display:grid}@media (width>=1000px){.hero-inner{grid-template-columns:1.1fr 1fr;gap:48px;padding-top:56px;padding-bottom:64px}}.hero-eyebrow{color:var(--accent);letter-spacing:.08em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:800;display:inline-flex}.hero h1{margin:10px 0 14px;font-size:clamp(28px,6.4vw,46px);line-height:1.3}.hero h1 em{color:var(--accent);font-style:normal}.hero-lead{color:var(--muted);margin:0 0 22px;font-size:16px}.hero-cta{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.hero-search{gap:8px;max-width:520px;display:flex}.hero-search input{border:2px solid var(--line);background:#fff;border-radius:999px;flex:1;min-width:0;padding:13px 18px;font-size:16px}.hero-search input:focus{border-color:var(--sub);outline:none}.hero-stats{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:18px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.hero-stats b{color:var(--text);margin-right:2px;font-size:20px}.hero-img img{width:100%;box-shadow:var(--shadow);aspect-ratio:3/2;object-fit:cover;border-radius:22px}@media (width<=560px){.hero-cta .btn{flex:100%}}.hero-side{flex-direction:column;display:flex}.hero-side .daily{margin:-48px 16px 0}@media (width<=560px){.hero-side .daily{margin:-32px 8px 0}}.daily{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:22px;padding:22px 22px 20px;position:relative;overflow:hidden}.daily:after{content:"今";color:#ffffff0d;font-size:180px;font-weight:900;line-height:1;position:absolute;bottom:-48px;right:-12px}.daily-head{letter-spacing:.12em;color:#ffb4a2;justify-content:space-between;align-items:center;margin:0 0 6px;font-size:12px;font-weight:800;display:flex}.daily-head time{color:#c6cfdd;letter-spacing:.04em}.daily-word{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.daily-zh{font-size:52px;font-weight:800;line-height:1.2}.daily-py{font-size:20px;font-weight:700}.daily .t1{color:#ff8787}.daily .t2{color:#69db7c}.daily .t3{color:#74c0fc}.daily .t4{color:#b197fc}.daily .t0{color:#c6cfdd}.daily-ja{margin:2px 0 10px;font-size:17px;font-weight:700}.daily-ex{background:#ffffff14;border-radius:12px;padding:10px 14px;font-size:14.5px;line-height:1.7}.daily-ex .hz{font-size:16px;font-weight:700}.daily-ex .py{color:#c6cfdd;font-size:13px;display:block}.daily-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.daily-foot a{color:#fff;font-size:14px;font-weight:700}.daily .say{color:#fff;background:#ffffff24}.daily .say:hover{background:var(--accent)}.band{padding:48px 0}.band+.band{padding-top:0}.band-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.band-head h2{margin:0;font-size:clamp(22px,4.6vw,28px)}.band-head p{color:var(--muted);margin:4px 0 0;font-size:14.5px}.band-head .more{font-size:14px;font-weight:800;text-decoration:none}.eyebrow{letter-spacing:.14em;color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:800;display:block}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(4,1fr)}}.step a{border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--text);box-shadow:var(--shadow);background:#fff;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.step a:hover{border-color:var(--accent);transform:translateY(-2px)}.step-no{color:var(--accent);letter-spacing:.1em;font-size:12px;font-weight:800}.step-title{font-size:17px;font-weight:800}.step-desc{color:var(--muted);font-size:14px;line-height:1.7}.tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile a,.tile>div{border:1px solid var(--line);border-radius:var(--radius);height:100%;color:var(--text);box-shadow:var(--shadow);background:#fff;align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.tile a:hover{border-color:var(--accent);transform:translateY(-2px)}.tile-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--navy);background:#fff;border-radius:10px;flex-shrink:0;place-items:center;font-family:PingFang SC,Hiragino Sans GB,Noto Sans SC,sans-serif;font-size:20px;font-weight:700;line-height:1;display:grid}.tile-icon.is-svg{color:var(--accent)}.tile a:hover .tile-icon{border-color:var(--accent);color:var(--accent)}.tile-body{flex-direction:column;gap:2px;min-width:0;display:flex}.tile-title{font-size:16px;font-weight:800;line-height:1.5}.tile a:hover .tile-title{color:var(--accent)}.tile-desc{color:var(--muted);font-size:13.5px;line-height:1.65}.tile-meta{color:var(--sub);font-size:12px;font-weight:700}.tiles--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:8px}.tiles--compact .tile a{box-shadow:none;align-items:center;padding:10px 12px}.tiles--compact .tile-icon{width:36px;height:36px;font-size:17px}.tiles--compact .tile-title{font-size:14.5px}.group-title{align-items:center;gap:8px;margin:28px 0 12px;font-size:17px;display:flex}.shell{padding-top:24px;padding-bottom:64px}.shell-main{min-width:0;max-width:var(--wrap);margin:0 auto}.sidebar{display:none}@media (width>=1080px){.shell{grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:32px;display:grid}.shell-main{margin:0}.sidebar{display:block}.sidebar-sticky{scrollbar-width:thin;max-height:calc(100vh - 104px);position:sticky;top:88px;overflow-y:auto}}.side-head{margin:24px 0 10px;font-size:14px;font-weight:800}.side-list{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:0;padding:0;font-size:14px;line-height:1.55;list-style:none;overflow:hidden}.side-list a{color:var(--text);border-bottom:1px solid var(--line);padding:9px 14px;text-decoration:none;display:block}.side-list li:last-child a{border-bottom:0}.side-list a:hover{background:var(--soft);color:var(--accent)}.side-list a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:800}.page{padding-top:24px;padding-bottom:64px}.breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0 0 12px;padding:0;font-size:12.5px;line-height:1.6;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"›";margin-left:4px}.breadcrumb a{color:var(--muted)}.article h1,.page-title{margin:10px 0 14px;font-size:clamp(24px,5.4vw,32px);line-height:1.45}.pill{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 12px;font-size:12px;font-weight:800;line-height:1.8;text-decoration:none;display:inline-block}.pill--level{background:var(--sub-soft);color:var(--sub)}.pill--hsk{background:var(--navy);color:#fff}.pills{flex-wrap:wrap;gap:6px;display:flex}.meta{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:0 0 20px;font-size:13px;display:flex}.meta span{align-items:center;gap:4px;display:inline-flex}.meta a,.lead{color:var(--muted)}.eyecatch{border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover;width:100%;margin:0 0 24px}.points{background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);margin:0 0 24px;padding:14px 20px 16px}.points-title{color:var(--accent);align-items:center;gap:6px;margin:0 0 6px;font-weight:800;display:flex}.points ul{margin:0;padding:0;font-weight:600;list-style:none}.points li{align-items:flex-start;gap:8px;margin:4px 0;line-height:1.7;display:flex}.points .icon{color:var(--accent);margin-top:4px}.toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:8px 0 36px;padding:18px 20px}.toc-title{align-items:center;gap:8px;margin:0 0 8px;font-weight:800;display:flex}.toc-title:before{content:"";background:var(--accent);border-radius:3px;width:6px;height:18px}.toc-list{counter-reset:toc;margin:0;padding:0;font-size:15px;line-height:1.6;list-style:none}.toc-list>li{counter-increment:toc;border-bottom:1px dashed var(--line);padding:7px 0 7px 2.1em;position:relative}.toc-list>li:last-child{border-bottom:0}.toc-list>li:before{content:counter(toc);background:var(--accent-soft);width:1.5em;height:1.5em;color:var(--accent);border-radius:50%;place-items:center;font-size:12.5px;font-weight:800;display:grid;position:absolute;top:7px;left:0}.toc-list>li>a{font-weight:700}.toc-list ol{margin:0;padding:4px 0 0;font-size:14px;list-style:none}.toc-list ol li{padding:2px 0 2px 1em;position:relative}.toc-list ol li:before{content:"";background:var(--line);width:6px;height:2px;position:absolute;top:.75em;left:0}.toc a{color:var(--text);text-decoration:none}.toc a:hover{color:var(--accent);text-decoration:underline}.toc-check{opacity:0;pointer-events:none;position:absolute}.toc-list.is-long{max-height:330px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.toc-check:checked~.toc-list{max-height:none;-webkit-mask-image:none;mask-image:none}.toc-more{text-align:center;color:var(--accent);cursor:pointer;background:var(--accent-soft);border-radius:999px;margin-top:8px;padding:8px;font-size:14px;font-weight:800;display:block}.toc-more .close,.toc-check:checked~.toc-more .open{display:none}.toc-check:checked~.toc-more .close{display:inline}.toc--side{box-shadow:none;margin:0;padding:16px}.toc--side .toc-list{font-size:13.5px}.toc--side .toc-list>li{padding:6px 0 6px 2em}.toc--side .toc-list>li:before{top:6px}@media (width>=1080px){.shell-main .toc:not(.toc--side){display:none}}.prose h2{border:1px solid var(--line);border-left:6px solid var(--accent);background:#fff;border-radius:0 12px 12px 0;margin:64px 0 20px;padding:14px 18px 14px 20px;scroll-margin-top:84px;font-size:clamp(21px,4.4vw,25px);line-height:1.5}.prose h3{border-bottom:2px solid var(--line);margin:40px 0 14px;padding:0 0 8px 14px;scroll-margin-top:84px;font-size:clamp(18px,4vw,20.5px);line-height:1.55;position:relative}.prose h3:before{content:"";background:var(--accent);border-radius:2px;width:4px;position:absolute;top:.25em;bottom:calc(8px + .25em);left:0}.prose h4{margin:28px 0 8px;font-size:17px}.prose p{margin:0 0 1.3em}.prose ul,.prose ol{margin:0 0 1.3em;padding-left:1.5em}.prose li{margin:6px 0}.prose li::marker{color:var(--accent);font-weight:700}.prose strong{background:linear-gradient(#0000 62%,#ffe08a 62%);font-weight:800}.prose blockquote{background:var(--surface);border-left:4px solid var(--line);color:var(--muted);margin:1.5em 0;padding:12px 16px}.prose>:first-child{margin-top:0}.prose .zh{color:var(--navy);font-weight:700}.prose .py{color:var(--muted);font-size:.94em}.prose details{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 1.3em;padding:10px 16px}.prose details summary{cursor:pointer;color:var(--sub);font-weight:800}.prose details[open] summary{margin-bottom:8px}.prose code{background:var(--soft);border-radius:6px;padding:1px 6px;font-size:.92em}.ex{border:1px solid var(--line);border-left:4px solid var(--sub);background:#fff;border-radius:0 12px 12px 0;grid-template-columns:1fr auto;align-items:center;column-gap:12px;margin:0 0 12px;padding:10px 14px;line-height:1.6;display:grid}.ex .zh{color:var(--navy);grid-column:1;font-size:1.12em;font-weight:700;border:0!important}.ex .py{color:var(--muted);grid-column:1;font-size:.9em}.ex .ja{grid-column:1;font-size:.94em}.ex .say{grid-area:1/2/span 3}.figure{margin:24px 0 28px}.figure img{border-radius:var(--radius);border:1px solid var(--line);background:#fff;width:100%}.figure figcaption{color:var(--muted);text-align:center;margin-top:8px;font-size:13px}.prose table,.table{border-collapse:separate;border-spacing:0;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:12px;margin:1.5em 0;font-size:15px;line-height:1.65;display:block;overflow-x:auto}.prose th,.prose td,.table th,.table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 14px}.prose th+th,.prose td+td,.table th+th,.table td+td{border-left:1px solid var(--line)}.prose tr:last-child td,.table tr:last-child td{border-bottom:0}.prose th,.table th{background:var(--navy);color:#fff;font-weight:700}.prose tbody tr:nth-child(2n) td,.table tbody tr:nth-child(2n) td{background:#fafbfd}@media (width>=700px){.prose table,.table{white-space:normal;width:100%;display:table}}.box{border-radius:var(--radius);background:var(--surface);border:2px solid var(--line);margin:2em 0;padding:20px 20px 18px;position:relative}.box>:last-child{margin-bottom:0}.box-title{align-items:center;gap:6px;margin:0 0 8px;font-size:16px;font-weight:800;display:inline-flex}.box-title:before{content:"!";color:#fff;background:var(--muted);border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.box.point{background:#fff8f6;border-color:#f6c9bd}.box.point .box-title{color:var(--accent)}.box.point .box-title:before{content:"✓";background:var(--accent)}.box.note{background:var(--note-soft);border-color:#f3dbab}.box.note .box-title{color:var(--note)}.box.note .box-title:before{content:"i";background:var(--note);font-family:Georgia,serif;font-style:italic}.box.summary{border-color:var(--navy);background:#fff}.box.summary .box-title{color:var(--navy)}.box.summary .box-title:before{content:"✓";background:var(--navy)}.box ol,.box ul{margin-bottom:0}.author-box{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;align-items:flex-start;gap:16px;margin:56px 0 0;padding:20px;font-size:14.5px;line-height:1.75;display:flex}.author-logo{background:var(--accent);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:grid}.author-label{color:var(--muted);margin:0;font-size:12px;font-weight:700}.author-name{margin:0 0 6px;font-size:16px;font-weight:800}.author-text{margin:0 0 6px}.author-box a{font-size:13.5px;font-weight:700}.section{margin-top:56px}.section-title{align-items:center;gap:10px;margin:0 0 16px;font-size:21px;display:flex}.section-title:before{content:"";background:var(--accent);border-radius:4px;width:8px;height:22px}.empty{background:var(--soft);border-radius:var(--radius);color:var(--muted);padding:20px}.alist{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.alist--2{grid-template-columns:1fr 1fr}}.alist a{border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:#fff;align-items:flex-start;gap:14px;height:100%;padding:14px 16px;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.alist a:hover{border-color:var(--accent);transform:translateY(-1px)}.alist-no{background:var(--soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.alist-body{flex-direction:column;gap:4px;min-width:0;display:flex}.alist-title{font-weight:800;line-height:1.55}.alist a:hover .alist-title{color:var(--accent)}.alist-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.65;display:-webkit-box;overflow:hidden}.hub-hero{border-bottom:1px solid var(--line);background:#fff}.hub-hero-inner{padding-top:20px;padding-bottom:28px}.hub-hero-inner.has-img{align-items:center;gap:20px;display:grid}@media (width>=900px){.hub-hero-inner.has-img{grid-template-columns:1fr 420px;gap:40px}}.hub-img{aspect-ratio:16/9;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:18px}.hub-hero h1{margin:4px 0 8px;font-size:clamp(26px,5.6vw,36px)}.hub-hero .lead{max-width:760px;margin:0 0 12px}.hub-count{background:var(--soft);border-radius:999px;margin:0;padding:3px 14px;font-size:13px;font-weight:800;display:inline-block}.hub-body{padding-top:28px;padding-bottom:64px}.wtable{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--radius);background:#fff;width:100%;font-size:15px;overflow:hidden}.wtable th{background:var(--navy);color:#fff;text-align:left;padding:9px 12px;font-size:13px}.wtable td{border-top:1px solid var(--line);vertical-align:middle;padding:10px 12px}.wtable tr:hover td{background:#fafbfd}.wtable .hz{white-space:nowrap;font-size:21px;font-weight:800}.wtable .hz a{color:var(--navy);text-decoration:none}.wtable .hz a:hover{color:var(--accent);text-decoration:underline}.wtable .py{white-space:nowrap;font-weight:700}.wtable .w-ja{font-weight:600}.wtable .w-hsk{color:var(--muted);white-space:nowrap;font-size:12px}.wtable .w-say{width:46px}@media (width<=640px){.wtable thead{display:none}.wtable,.wtable tbody,.wtable tr{display:block}.wtable tr{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;column-gap:12px;padding:10px 12px;display:grid}.wtable td{border:0;padding:0}.wtable .hz{grid-row:1/span 2}.wtable .w-say{grid-area:1/3/span 2}.wtable .w-hsk{display:none}}.cat-tools{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.word-hero{border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:22px;margin:4px 0 24px;padding:26px 22px}.word-hero .hz{color:var(--navy);margin:0;font-size:clamp(60px,16vw,96px);font-weight:800;line-height:1.15}.word-hero .py{margin:4px 0;font-size:26px;font-weight:800}.word-hero .w-ja{margin:6px 0 12px;font-size:20px;font-weight:800}.word-hero .pills{justify-content:center}.word-hero .say{margin:6px auto 14px}.word-hero .trad{color:var(--muted);font-size:14px}.word-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.tone-guide{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;font-size:12px;display:flex}.tone-guide span:before{content:"●";margin-right:3px}.dl{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:max-content 1fr;gap:0;margin:0 0 1.5em;display:grid;overflow:hidden}.dl dt,.dl dd{border-bottom:1px solid var(--line);margin:0;padding:10px 14px}.dl dt{background:var(--soft);font-size:14px;font-weight:800}.dl dt:last-of-type,.dl dd:last-of-type{border-bottom:0}.neighbors{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.neighbors a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;flex-direction:column;padding:12px 14px;text-decoration:none;display:flex}.neighbors a:hover{border-color:var(--accent)}.neighbors small{color:var(--muted);font-size:12px}.neighbors .hz{font-size:20px;font-weight:800}.neighbors .next{text-align:right}.chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chips a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-size:14px;text-decoration:none;display:inline-flex}.chips a:hover{border-color:var(--accent);color:var(--accent)}.chips .hz{font-size:16px;font-weight:800}.phrases{gap:12px;margin:0;padding:0;list-style:none;display:grid}.phrase{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px 16px;scroll-margin-top:84px}.phrase-main{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;display:grid}.phrase-ja{grid-column:1;font-size:15.5px;font-weight:800}.phrase-zh{color:var(--navy);grid-column:1;font-size:21px;font-weight:800;line-height:1.5}.phrase-py{grid-column:1;font-size:14.5px;font-weight:600}.phrase-main .say{grid-area:1/2/span 3}.phrase-note{color:var(--muted);border-top:1px dashed var(--line);margin:8px 0 0;padding-top:8px;font-size:13.5px;line-height:1.7}.phrase-reply{background:var(--soft);border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin:10px 0 0;padding:10px 12px;font-size:14px;display:grid}.phrase-reply b{color:var(--sub);letter-spacing:.06em;grid-column:1;font-size:11px}.phrase-reply .hz{grid-column:1;font-size:16.5px;font-weight:700}.phrase-reply .py,.phrase-reply .ja{grid-column:1}.phrase-reply .say{grid-area:1/2/span 4;width:28px;height:28px}.tool{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;margin:0 0 28px;padding:22px 18px}@media (width>=700px){.tool{padding:28px}}.tool-row{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px;display:flex}.tool label{font-size:14px;font-weight:700}.tool select,.tool input[type=text],.tool input[type=number],.tool textarea{font:inherit;border:1px solid var(--line);background:#fff;border-radius:10px;max-width:100%;padding:9px 12px;font-size:16px}.tool textarea{width:100%;min-height:110px;line-height:1.7}.tool select:focus,.tool input:focus,.tool textarea:focus{outline:2px solid var(--sub)}.seg{background:var(--soft);border-radius:999px;flex-wrap:wrap;padding:3px;display:inline-flex}.seg button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.seg button[aria-pressed=true]{color:var(--accent);background:#fff;box-shadow:0 1px 3px #0000001f}.progress{background:var(--soft);border-radius:999px;height:8px;margin:0 0 18px;overflow:hidden}.progress span{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.q-count{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:800}.q-prompt{text-align:center;margin:8px 0 20px}.q-prompt .hz{color:var(--navy);font-size:clamp(44px,12vw,72px);font-weight:800;line-height:1.25}.q-prompt .py{font-size:20px;font-weight:700}.q-prompt .ja-big{font-size:clamp(24px,6vw,32px);font-weight:800}.q-hint{color:var(--muted);font-size:14px}.choices{gap:10px;display:grid}@media (width>=600px){.choices{grid-template-columns:1fr 1fr}}.choices button{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;padding:14px 16px;font-size:16px;font-weight:700;line-height:1.5;transition:border-color .15s,background .15s}.choices button:hover:not([disabled]){border-color:var(--sub)}.choices button .hz{font-size:22px}.choices button.is-ok{border-color:var(--ok);background:#ebfbee}.choices button.is-ng{border-color:var(--ng);background:#fff0f6}.choices button[disabled]{cursor:default}.feedback{border-radius:12px;margin:16px 0 0;padding:12px 14px;font-weight:700;display:none}.feedback.is-ok{color:var(--ok);background:#ebfbee;display:block}.feedback.is-ng{color:var(--ng);background:#fff0f6;display:block}.feedback small{color:var(--text);margin-top:4px;font-weight:500;display:block}.tool-foot{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.result{text-align:center;padding:10px 0}.result-score{color:var(--accent);font-size:56px;font-weight:900;line-height:1.2}.result-list{text-align:left;gap:6px;margin:18px 0;padding:0;list-style:none;display:grid}.result-list li{background:var(--soft);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:14.5px;display:flex}.result-list .mark{width:1.2em;font-weight:900}.result-list .is-ok .mark{color:var(--ok)}.result-list .is-ng .mark{color:var(--ng)}.tone-btns{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tone-btns button{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 4px;font-size:15px;font-weight:800;display:flex}.tone-btns button svg{width:44px;height:30px}.tone-btns button.is-ok{border-color:var(--ok);background:#ebfbee}.tone-btns button.is-ng{border-color:var(--ng);background:#fff0f6}.card-flip{perspective:1200px;cursor:pointer;max-width:520px;margin:0 auto 16px}.card-inner{min-height:260px;transform-style:preserve-3d;transition:transform .45s;position:relative}.card-flip.is-flipped .card-inner{transform:rotateY(180deg)}.card-face{border:2px solid var(--line);backface-visibility:hidden;text-align:center;background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:20px;display:flex;position:absolute;inset:0}.card-back{background:#fffaf8;border-color:#f6c9bd;transform:rotateY(180deg)}.card-face .hz{color:var(--navy);font-size:clamp(48px,13vw,76px);font-weight:800;line-height:1.2}.card-face .py,.card-face .ja-big{font-size:22px;font-weight:800}.card-face small{color:var(--muted)}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 20px;display:grid}.stat{background:var(--soft);border-radius:14px;padding:14px}.stat b{font-size:28px;line-height:1.2;display:block}.stat span{color:var(--muted);font-size:13px;font-weight:700}.out{background:var(--soft);border-radius:14px;min-height:60px;padding:16px;font-size:18px;line-height:2}.out ruby{margin:0 2px}.out rt{font-size:11px;font-weight:700}.chart-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;max-height:70vh;overflow:auto}.pchart{border-collapse:separate;border-spacing:0;font-size:13px}.pchart th{white-space:nowrap;background:var(--navy);color:#fff;z-index:1;padding:6px 8px;font-weight:800;position:sticky}.pchart thead th{z-index:2;top:0}.pchart tbody th{left:0}.pchart td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}.pchart td button{cursor:pointer;background:#fff;border:0;width:100%;min-width:52px;padding:7px 4px;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;display:block}.pchart td button:hover,.pchart td button.is-active{background:var(--accent);color:#fff}.tone-pop{background:var(--soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;min-height:64px;margin:0 0 14px;padding:12px 14px;display:flex}.tone-pop .py{font-size:20px;font-weight:800}.tone-pop button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;padding:8px 14px;font-size:17px;font-weight:800}.tone-pop button:hover{border-color:var(--accent)}.search-results{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.search-results a{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:0 12px;padding:10px 14px;text-decoration:none;display:grid}.search-results a:hover{border-color:var(--accent)}.search-results .kind{background:var(--soft);color:var(--muted);border-radius:6px;grid-row:1/span 2;padding:2px 8px;font-size:11px;font-weight:800}.search-results .hz{font-size:17px;font-weight:800}.search-results small{color:var(--muted)}.notice{color:var(--muted);background:var(--soft);border-radius:12px;margin:0 0 16px;padding:10px 14px;font-size:13.5px}.site-footer{background:var(--navy);color:#c3cad6;margin-top:24px;padding:44px 0 20px;font-size:14px}.footer-inner{gap:28px;display:grid}@media (width>=760px){.footer-inner{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}}.logo--footer{color:#fff}.logo--footer .logo-mark{box-shadow:none}.logo--footer .logo-text small{color:#9aa5b8}.footer-brand p{margin:12px 0 0;font-size:13.5px;line-height:1.8}.footer-head{color:#fff;margin:0 0 8px;font-weight:800}.footer-nav{flex-direction:column;gap:6px;display:flex}.footer-nav a{color:#c3cad6;text-decoration:none}.footer-nav a:hover{color:#fff;text-decoration:underline}.copy{text-align:center;color:#8793a8;border-top:1px solid #2b3a55;margin:32px 0 0;padding-top:16px;font-size:12.5px}