:root{--bg:#0C0B0A;--deep:#161311;--panel:#1C1916;--panel2:#26221D;--paper:#F3E6D2;--title:#FFF8F0;--text:#EDE4D8;--muted:#B7A898;--faint:#8A7B6C;--red:#E11D2E;--red2:#FF4A4F;--wine:#8B1E2D;--rust:#E25A2A;--amber:#E2B14A;--border:rgba(226,177,74,.16);--border-strong:rgba(225,29,46,.40);--shadow:0 18px 44px rgba(0,0,0,.46);--max:1280px;--read:780px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8;overflow-wrap:anywhere}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}img{max-width:100%;height:auto;display:block}figure{margin:0}p{margin:0 0 1.15em}h1,h2,h3{color:var(--title);line-height:1.25;margin:0 0 .65em}h1{font-size:clamp(1.6rem,2.8vw,2rem)}h2{font-size:clamp(1.25rem,2vw,1.55rem)}h3{font-size:1.05rem}section[id],article[id]{scroll-margin-top:110px}.site-header{position:sticky;top:0;z-index:30;background:rgba(12,11,10,.96);border-bottom:1px solid var(--border);backdrop-filter:saturate(120%) blur(10px)}.header-inner{max-width:var(--max);margin:auto;min-height:80px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo,.footer-logo,.modal-logo{height:34px;width:auto;max-width:150px;object-fit:contain;object-position:center;flex:none}.brand-fallback{width:34px;height:34px;border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--paper);font-weight:800;background:var(--wine);border-radius:7px;flex:none}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font-size:1.05rem;line-height:1.2;letter-spacing:.04em}.brand-copy small{color:var(--muted);font-size:.7rem;letter-spacing:.16em;line-height:1.3}.header-actions{display:flex;align-items:center;gap:10px}.header-link,.header-button{min-height:44px;padding:9px 14px;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--paper);cursor:pointer}.header-link:hover,.header-button:hover,.header-link:focus-visible,.header-button:focus-visible{border-color:var(--red2);outline:2px solid transparent;background:var(--panel2)}.mobile-actions{display:none}.channel-nav{background:var(--deep);border-bottom:1px solid var(--border)}.channel-inner{max-width:var(--max);margin:auto;padding:15px 24px}.desktop-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.channel-group{padding:0 22px;min-width:0;border-left:1px solid var(--border)}.channel-group:first-child{border-left:0;padding-left:0}.channel-group>strong{display:block;color:var(--amber);font-size:.78rem;letter-spacing:.12em;margin-bottom:8px}.channel-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 14px}.channel-links a,.mobile-channels a{position:relative;min-height:34px;display:flex;align-items:center;color:var(--muted);font-size:.92rem}.channel-links a.is-current,.mobile-channels a.is-current{color:var(--title);font-weight:700}.channel-links a.is-current:before,.mobile-channels a.is-current:before{content:"";width:4px;height:14px;background:var(--red);border-radius:2px;margin-right:7px}.mobile-channels{display:none}.site-main{max-width:var(--max);margin:auto;padding:46px 24px 72px}.breadcrumb{display:flex;gap:8px;align-items:center;color:var(--faint);font-size:.88rem;margin-bottom:18px}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--paper)}.eyebrow{display:inline-block;color:var(--red2);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.page-hero{padding:20px 0 42px;border-bottom:1px solid var(--border)}.page-hero .lead{max-width:850px;font-size:1.06rem;color:var(--muted)}.hero-actions,.inline-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:8px;font-weight:800}.btn-primary{background:linear-gradient(135deg,#FF4A4F 0%,#E11D2E 46%,#E25A2A 100%);color:#fff8f0}.btn-secondary{background:var(--paper);color:#2d231c}.section{padding:46px 0;border-bottom:1px solid var(--border)}.section:last-child{border-bottom:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head p{max-width:720px;color:var(--muted);margin:0}.reading-column{max-width:var(--read)}.reading-column.wide{max-width:900px}.prose h2{margin-top:1.9em}.prose h3{margin-top:1.5em;color:var(--paper)}.prose p{color:var(--text)}.prose .note{border-left:3px solid var(--amber);padding:12px 16px;background:var(--deep);color:var(--muted);border-radius:0 6px 6px 0}.media-box{display:flex;align-items:center;justify-content:center;background:#100e0d;border:1px solid var(--border);padding:14px;border-radius:10px;min-width:0}.media-box img{width:auto;height:auto;max-width:100%;max-height:240px;object-fit:contain;object-position:center}.cover-media img{max-height:300px}.app-media img{max-height:420px}.media-fallback{padding:20px;border:1px solid var(--border);background:linear-gradient(145deg,var(--wine),#110d0d);border-radius:10px}.media-fallback strong{display:block;color:var(--title);font-size:1.2rem;margin-bottom:6px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid-6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.guide-unit{padding:18px 20px;border-top:1px solid var(--border);border-right:1px solid var(--border);min-width:0}.guide-unit:nth-child(3n){border-right:0}.guide-unit:nth-child(-n+3){border-top-color:var(--border-strong)}.guide-unit h3{display:flex;align-items:center;gap:8px}.guide-unit h3:before{content:"";width:7px;height:7px;background:var(--rust);border-radius:50%}.guide-unit p{color:var(--muted);font-size:.94rem}.feature-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:32px;align-items:start}.feature-split.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.feature-list{display:grid;gap:14px}.feature-item{padding:16px 0;border-top:1px solid var(--border)}.feature-item:first-child{border-top:0;padding-top:0}.feature-item strong{color:var(--paper)}.feature-item p{color:var(--muted);font-size:.95rem;margin:.35em 0 0}.editor-card{min-width:0}.editor-card .media-box{margin-bottom:18px}.editor-card>p{color:var(--muted)}.bullet-list,.link-list,.timeline,.check-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}.bullet-list li,.check-list li{padding-left:22px;position:relative;color:var(--muted)}.bullet-list li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:2px;background:var(--red2)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--amber);font-weight:800}.link-list a{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--paper)}.link-list a:after{content:"→";color:var(--red2)}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.status-item{padding:16px;border:1px solid var(--border);border-left:4px solid var(--red);background:var(--deep);border-radius:6px}.status-item:nth-child(2n){border-left-color:var(--amber)}.status-item:nth-child(3n){border-left-color:var(--rust)}.status-item strong{display:block;color:var(--title);margin-bottom:6px}.status-item p{font-size:.9rem;color:var(--muted);margin:0}.topic-tags{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.topic-tags span{padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.86rem}.timeline li{position:relative;padding:0 0 18px 28px;border-left:1px solid var(--border);margin-left:5px}.timeline li:before{content:"";position:absolute;left:-5px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--red)}.timeline li strong{display:block;color:var(--paper)}.timeline li span{color:var(--muted);font-size:.94rem}.wine-band{background:linear-gradient(120deg,#2a1116,var(--wine),#1a1110);border:1px solid var(--border-strong);padding:28px;border-radius:10px}.article-index{padding:18px;border:1px solid var(--border);background:var(--deep);border-radius:8px}.article-index a{display:block;padding:8px 0;border-bottom:1px solid var(--border);color:var(--paper)}.article-index a:last-child{border-bottom:0}.observation{border:1px solid var(--border);padding:20px;background:var(--panel);border-radius:8px}.observation .label{color:var(--amber);font-size:.78rem;font-weight:800;letter-spacing:.1em}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-box{padding:18px;border:1px solid var(--border);background:var(--deep);border-radius:8px}.compare-box h3{color:var(--amber)}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--border);border-radius:8px;background:var(--panel);padding:0 18px}.faq-list summary{cursor:pointer;min-height:52px;display:flex;align-items:center;color:var(--paper);font-weight:800}.faq-list details p{color:var(--muted);padding:0 0 16px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:22px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.service-card p{color:var(--muted)}.site-footer{background:#080706;border-top:2px solid var(--red);color:#D8CBBA}.footer-inner{max-width:var(--max);margin:auto;padding:44px 24px 110px}.footer-brand{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;align-items:start;padding-bottom:28px;border-bottom:1px solid var(--border)}.footer-brand p{color:var(--muted);margin:0;max-width:720px}.footer-directory{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;padding:30px 0}.footer-group h2{font-size:.88rem;color:var(--paper);margin-bottom:10px}.footer-group a{display:block;color:var(--muted);font-size:.88rem;padding:5px 0}.footer-group a.is-current{color:var(--title);font-weight:800}.footer-note,.copyright{font-size:.88rem;color:var(--faint)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:60}.overlay[hidden],.modal[hidden]{display:none!important;pointer-events:none!important}.modal{position:fixed;z-index:70;background:var(--panel);border:1px solid var(--border-strong);box-shadow:var(--shadow);color:var(--text)}.directory-modal{width:min(960px,calc(100vw - 48px));max-height:82vh;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;overflow:auto}.search-modal{width:min(680px,calc(100vw - 48px));max-height:76vh;left:50%;top:18vh;transform:translateX(-50%);border-radius:12px;padding-bottom:20px;overflow:auto}.modal-head{position:sticky;top:0;background:var(--panel);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0}.compact-brand{pointer-events:none}.icon-button{width:44px;height:44px;border:1px solid var(--border);background:var(--deep);border-radius:8px;cursor:pointer;font-size:1.45rem}.icon-button:focus-visible,.icon-button:hover{outline:2px solid transparent;border-color:var(--red2)}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:8px 20px 20px}.directory-group{padding:18px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.directory-group:nth-child(3n){border-right:0}.directory-group h2{font-size:.92rem;color:var(--amber)}.directory-item{display:block;padding:9px 0}.directory-item strong{display:block;color:var(--paper)}.directory-item span{display:block;color:var(--muted);font-size:.82rem;line-height:1.55}.directory-item.is-current strong{color:var(--red2)}.search-label{display:block;padding:18px 20px 7px;color:var(--paper);font-weight:700}.search-input{display:block;width:calc(100% - 40px);margin:0 20px;min-height:48px;background:var(--deep);border:1px solid var(--border);border-radius:8px;color:var(--title);padding:9px 12px}.search-input:focus{outline:2px solid var(--red2);outline-offset:2px}.search-help,.search-empty{margin:8px 20px 14px;color:var(--faint);font-size:.86rem}.search-results{padding:0 20px}.search-result{display:block;padding:12px 0;border-bottom:1px solid var(--border)}.search-result strong{display:block;color:var(--paper)}.search-result span{display:block;color:var(--muted);font-size:.86rem}.mobile-bottom{display:none}.modal-open{position:fixed;left:0;right:0;width:100%;overflow:hidden}@media(max-width:900px){.desktop-actions,.desktop-channels{display:none}.mobile-actions,.mobile-channels{display:flex}.header-inner{min-height:68px;padding:10px 16px}.brand-logo{height:30px;max-width:120px}.brand-copy small{font-size:.62rem}.channel-inner{padding:10px 16px}.mobile-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mobile-channels a{justify-content:center;border-right:1px solid var(--border);font-size:.86rem}.mobile-channels a:last-child{border-right:0}.site-main{padding:32px 18px 88px}.grid-3,.service-grid,.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-unit:nth-child(3n){border-right:1px solid var(--border)}.guide-unit:nth-child(2n){border-right:0}.feature-split,.feature-split.reverse{grid-template-columns:1fr}.footer-directory{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-brand{grid-template-columns:1fr}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-group:nth-child(3n){border-right:1px solid var(--border)}.directory-group:nth-child(2n){border-right:0}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#0a0807;border-top:1px solid var(--border)}.mobile-bottom a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:.75rem}.mobile-bottom a.is-current{color:var(--title);font-weight:800}.nav-dot{width:5px;height:5px;border-radius:50%;background:transparent}.mobile-bottom a.is-current .nav-dot{background:var(--red)}.mobile-bottom.under-overlay{z-index:40;pointer-events:none}.footer-inner{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(max-width:640px){body{line-height:1.78}.site-main{padding-left:16px;padding-right:16px}.brand-copy strong{font-size:.98rem}.header-actions{gap:6px}.header-button{padding:8px 11px}.mobile-channels{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-channels a{border:1px solid var(--border);border-radius:6px}.grid-2,.grid-3,.service-grid,.status-grid,.compare-grid{grid-template-columns:1fr}.grid-6{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-unit{padding:15px 12px}.guide-unit:nth-child(2n){border-right:0}.section{padding:34px 0}.page-hero{padding-bottom:32px}.media-box img{max-height:220px}.cover-media img{max-height:300px}.app-media img{max-height:360px}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-modal{width:100%;max-height:88dvh;max-height:min(88dvh,88vh);left:0;right:0;top:auto;bottom:0;transform:none;border-radius:14px 14px 0 0}.directory-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.directory-group,.directory-group:nth-child(3n){border-right:0}.search-modal{inset:0;width:100%;max-height:100dvh;transform:none;border-radius:0}.search-results{padding-bottom:80px}.wine-band{padding:22px}.footer-inner{padding-left:16px;padding-right:16px}}@media(max-width:360px){.grid-6,.footer-directory{grid-template-columns:1fr}.brand-copy small{display:none}.header-inner{gap:10px}.header-button{padding:8px 9px}.guide-unit{border-right:0!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.mark-figure{width:72px;min-height:48px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px}.mark-figure img{width:auto;height:auto;max-width:72px;max-height:72px;object-fit:contain;object-position:center}