:root{
    --black:#17191D;--black-2:#1E2126;--black-3:#262A30;--graphite:#31363D;--smoke:#424850;
    --bg:#F1F1EF;--bg-2:#E9E9E6;--bg-3:#F7F7F5;--surface:#FFFFFF;--surface-dark:#202329;--surface-dark-2:#292D34;
    --gold:#C6A15B;--gold-2:#DEC382;--gold-soft:#F3E9D3;--wine:#7A2638;--wine-2:#96344A;--blue-gray:#65798A;--green:#66816F;
    --text:#202227;--text-2:#555B63;--text-3:#8A9097;--text-light:#F4F4F1;--text-light-2:#C8CBD0;
    --line:rgba(32,34,39,.10);--line-dark:rgba(255,255,255,.08);--line-gold:rgba(198,161,91,.32);
    --shadow:0 6px 24px rgba(18,20,24,.10);--shadow-dark:0 16px 40px rgba(0,0,0,.24);
    --radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;line-height:1.68;overflow-x:hidden}body.search-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:cover}button,input,select{font:inherit}.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:var(--black);color:white;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}.briefing-bar{height:30px;background:var(--black);color:var(--text-light);font-size:12px;letter-spacing:.02em;overflow:hidden}.briefing-bar .wrap{height:30px;display:flex;align-items:center;gap:22px;white-space:nowrap}.briefing-bar strong{color:var(--gold-2);letter-spacing:.14em}.site-header{position:sticky;top:0;z-index:90;height:68px;background:rgba(241,241,239,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.2s}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 30px rgba(17,18,20,.06)}.header-inner{height:68px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;font-weight:760;white-space:nowrap}.brand-logo{width:34px;height:34px;border-radius:9px;object-fit:cover}.main-nav{display:flex;align-items:stretch;height:68px;gap:4px;flex:1;justify-content:center}.main-nav a{position:relative;display:flex;align-items:center;padding:0 10px;color:var(--text-2);font-size:14px}.main-nav a:hover,.main-nav a.active{color:var(--black)}.main-nav a.active:after{content:"";position:absolute;left:50%;bottom:7px;width:24px;height:2px;background:var(--gold);transform:translateX(-50%)}.header-tools{display:flex;align-items:center;gap:8px}.tool-btn,.tool-link,.menu-btn{border:0;background:none;color:var(--text-2);padding:8px 5px;font-size:13px;cursor:pointer}.tool-btn:hover,.tool-link:hover,.menu-btn:hover{color:var(--black)}.page-main{padding:28px 0 86px}.home-hero,.page-hero{border-radius:var(--radius-large);overflow:hidden;margin-bottom:20px;box-shadow:var(--shadow);background:linear-gradient(135deg,#F4F4F1 0%,#E9E9E6 58%,#D9D8D3 100%)}.home-hero{display:grid;grid-template-columns:60% 40%;min-height:500px}.hero-copy{padding:68px 64px;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:inline-block;color:var(--wine);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.hero-copy h1,.page-hero h1{margin:0;color:var(--black);font-size:clamp(38px,5vw,68px);line-height:1.08;letter-spacing:-.045em}.hero-copy>p{max-width:760px;font-size:18px;color:var(--text-2);margin:22px 0}.hero-status{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;color:var(--text-2);font-size:13px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:720;font-size:14px;cursor:pointer}.btn-primary{background:var(--graphite);color:var(--text-light)}.btn-primary:hover{background:var(--gold);color:var(--black)}.btn-outline{background:var(--surface);color:var(--black);border-color:var(--line-gold)}.btn-outline:hover{border-color:var(--gold);background:var(--gold-soft)}.btn-ghost{border-color:var(--line);color:var(--text)}.btn-light{background:var(--text-light);color:var(--black)}.hero-visual{margin:0;position:relative;background:var(--black-3)}.hero-image{width:100%;height:100%;min-height:500px}.hero-visual figcaption,.page-hero figure figcaption{position:absolute;left:18px;right:18px;bottom:16px;padding:10px 12px;border-radius:8px;background:rgba(23,25,29,.72);color:var(--text-light-2);font-size:12px;backdrop-filter:blur(8px)}.page-hero{display:grid;grid-template-columns:58% 42%;min-height:360px}.page-hero-copy{padding:52px 54px;display:flex;flex-direction:column;justify-content:center}.page-hero-copy>p{font-size:17px;color:var(--text-2);max-width:760px}.page-hero figure{margin:0;position:relative;min-height:360px;background:var(--black-3)}.page-hero-img{width:100%;height:100%;min-height:360px}.section{margin:20px 0;padding:34px;border-radius:var(--radius-large);background:var(--bg-3);border:1px solid var(--line)}.section:nth-of-type(4n+1){background:var(--surface)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-head h2{margin:0;font-size:clamp(25px,3vw,38px);line-height:1.15;letter-spacing:-.025em}.section-head p{max-width:560px;margin:0;color:var(--text-2);font-size:14px}.rank-list{border-top:1px solid var(--line)}.rank-row{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:16px;padding:17px 8px;border-bottom:1px solid var(--line)}.rank-num{font-size:28px;font-weight:850;color:var(--text-3);font-variant-numeric:tabular-nums}.rank-1{color:#C6A15B}.rank-2{color:#DEC382}.rank-3{color:#A68A54}.rank-main{display:grid;gap:2px}.rank-main a{font-weight:760;font-size:17px}.rank-main small{color:var(--text-3)}.rank-side{display:flex;align-items:center;gap:10px}.rank-side strong{font-size:20px}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:760;white-space:nowrap;background:#ECEDEB;color:var(--text-2)}.status-hot{background:#F4E1E5;color:var(--wine)}.status-reply{background:#E4EAF0;color:#516979}.status-clear{background:#E6EEE8;color:#526F5B}.status-partial{background:var(--gold-soft);color:#7C622E}.status-pending{background:#EFE7D7;color:#82672A}.status-deny{background:#ECE7E9;color:#704654}.status-neutral{background:#E9EAEB;color:#60666D}.news-stream{border-top:1px solid var(--line)}.stream-row{display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:start;padding:18px 4px;border-bottom:1px solid var(--line)}.stream-row time{font-size:18px;font-weight:820;color:var(--wine);border-left:3px solid var(--wine);padding-left:10px}.stream-row h3{margin:0 0 4px;font-size:18px}.stream-row p{margin:0;color:var(--text-2)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.info-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:0 4px 16px rgba(18,20,24,.04)}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.card-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-3);font-size:12px}.info-card h3{margin:14px 0 8px;font-size:19px}.info-card p{color:var(--text-2);margin:0}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.card-meta span{font-size:11px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--text-2)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.split-feature>div{padding:28px;background:var(--surface)}.split-feature h3{font-size:23px;margin-top:0}.timeline{position:relative;display:grid;gap:0;border-left:1px solid var(--line-gold);margin-left:12px}.timeline-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 10px 22px}.timeline-title h3{margin:0}.timeline-node{position:relative;display:grid;grid-template-columns:120px 1fr;gap:22px;padding:17px 0 17px 22px;border-bottom:1px solid var(--line)}.timeline-node:before{content:"";position:absolute;left:-5px;top:28px;width:9px;height:9px;border-radius:50%;background:var(--graphite);box-shadow:0 0 0 4px var(--bg-3)}.timeline-node.node-reply:before{background:var(--blue-gray)}.timeline-node.node-clear:before{background:var(--green)}.timeline-node.node-pending:before{background:#A17D34}.timeline-time{display:flex;gap:6px;flex-direction:column}.timeline-time strong{font-size:18px}.timeline-time span,.node-state{font-size:11px;color:var(--text-3)}.timeline-node p{margin:2px 0;color:var(--text-2)}.timeline-horizontal{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line-gold);margin:20px 0 0}.timeline-horizontal .timeline-title{grid-column:1/-1;margin:0 0 20px}.timeline-horizontal .timeline-node{display:block;border-bottom:0;border-right:1px solid var(--line);padding:26px 20px 6px}.timeline-horizontal .timeline-node:before{left:20px;top:-5px}.magazine-list{border-top:2px solid var(--black)}.magazine-list article{display:grid;grid-template-columns:70px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.magazine-list article>span{font-size:30px;color:var(--gold);font-weight:850}.magazine-list h3{margin:0 0 6px;font-size:22px}.magazine-list p{margin:0;color:var(--text-2)}.dark-band{background:linear-gradient(135deg,var(--surface-dark-2),var(--black))!important;color:var(--text-light);border-color:var(--line-dark)}.dark-band .section-head p{color:var(--text-light-2)}.dark-band .eyebrow{color:var(--gold-2)}.dark-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.dark-feature figure{margin:0}.dark-feature-img{border-radius:var(--radius-card);width:100%}.dark-feature figcaption{font-size:12px;color:var(--text-light-2);margin-top:8px}.dark-feature h3{font-size:30px;margin:0}.dark-feature p{color:var(--text-light-2)}.two-column-editorial,.text-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-column-editorial article,.text-columns article{padding:24px;border-top:1px solid var(--gold);background:rgba(255,255,255,.45)}.two-column-editorial h3,.text-columns h3{margin:0 0 8px;font-size:20px}.two-column-editorial p,.text-columns p{margin:0;color:var(--text-2)}.project-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.project-strip article{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.project-strip strong{font-size:18px}.project-strip span{display:block;color:var(--wine);font-size:12px;margin:5px 0 10px}.project-strip p{color:var(--text-2);margin:0}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.analysis-grid article{padding:24px;background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line)}.analysis-grid b{color:var(--gold);font-size:12px;letter-spacing:.12em}.analysis-grid h3{font-size:22px}.analysis-grid p{color:var(--text-2)}.tag-wall{display:flex;gap:12px;flex-wrap:wrap}.tag-wall article{flex:1 1 280px;background:var(--surface);padding:20px;border-radius:var(--radius-card);border:1px solid var(--line)}.tag-wall span{font-weight:800;color:var(--wine)}.tag-wall p{color:var(--text-2)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.archive-card{background:#ECECEA;border:1px solid var(--line);padding:12px;border-radius:var(--radius-card)}.archive-img{width:100%;border-radius:10px}.archive-card h3{font-size:22px;margin:8px 10px}.archive-card p{margin:0 10px 12px;color:var(--text-2)}.archive-no{font-size:10px;letter-spacing:.16em;color:var(--gold);font-weight:800;margin:12px 10px 0}.before-after{display:grid;grid-template-columns:1fr 70px 1fr;gap:18px;align-items:stretch}.before-after>div:not(.change-arrow){padding:26px;background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line)}.before-after span{font-size:12px;color:var(--wine);font-weight:800}.before-after h3{font-size:22px}.before-after p{color:var(--text-2)}.change-arrow{display:grid;place-items:center;font-size:36px;color:var(--gold)}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic-card{display:grid;grid-template-columns:44% 56%;overflow:hidden;border-radius:var(--radius-card);background:var(--black-2);color:var(--text-light)}.topic-img{width:100%;height:100%;min-height:260px}.topic-copy{padding:28px}.topic-copy p{color:var(--text-light-2)}.text-link{color:var(--wine);font-weight:760}.topic-card .text-link{color:var(--gold-2)}.file-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.file-list article{padding:24px;background:var(--surface);border-radius:var(--radius-card);border-left:3px solid var(--gold)}.file-list b{font-size:11px;color:var(--gold);letter-spacing:.16em}.file-list h3{font-size:20px}.file-list p{color:var(--text-2)}.old-news-list article{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.old-news-list time{font-size:20px;color:var(--gold);font-weight:850}.old-news-list h3{margin:0}.old-news-list p{margin-bottom:0;color:var(--text-2)}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.profile-card{display:grid;grid-template-columns:38% 62%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.profile-img{width:100%;height:100%;min-height:300px}.profile-card>div{padding:24px}.profile-card h3{font-size:25px;margin:0}.profile-card p{color:var(--text-2)}dl{margin:12px 0 0}dt{font-size:11px;color:var(--gold);font-weight:800;margin-top:8px}dd{margin:2px 0;color:var(--text-2);font-size:13px}.relation-grid{display:grid;grid-template-columns:1fr 100px 1fr 100px 1fr;align-items:center}.relation-col{display:grid;gap:10px}.relation-col span{font-size:11px;color:var(--text-3);letter-spacing:.15em}.relation-col strong{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.relation-lines{display:grid;gap:28px;padding:0 8px}.relation-lines i{height:1px;background:linear-gradient(90deg,var(--gold),var(--line))}.fine-print{font-size:12px;color:var(--text-3);margin-top:16px}.viewpoints{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.viewpoints article{padding:20px;border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface)}.viewpoints b{color:var(--wine)}.viewpoints p{margin-bottom:0;color:var(--text-2)}.comment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.comment-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.comment-tag,.stance{font-size:10px;border-radius:999px;padding:4px 8px}.comment-tag{background:var(--gold-soft);color:#725A2B}.stance{background:#ECEFF1;color:#59656E;margin-left:6px}.comment-card p{min-height:74px}.like-btn{border:0;background:none;padding:0;color:var(--text-3);font-size:12px;cursor:pointer}.like-btn.is-liked{color:var(--wine)}.week-board{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.week-board article{padding:16px;background:var(--surface);border-top:2px solid var(--gold);min-width:0}.week-board strong{font-size:18px}.week-board p{font-size:12px;color:var(--text-2);border-top:1px solid var(--line);padding-top:8px}.calendar-list{display:grid;gap:8px}.calendar-list article{display:grid;grid-template-columns:140px 1fr;gap:18px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.calendar-list time{font-weight:850;color:var(--gold)}.calendar-list time b{display:block;color:var(--text);font-size:20px}.calendar-list span{font-size:11px;color:var(--wine)}.calendar-list h3{margin:2px 0}.lesson-grid,.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lesson-grid article,.principle-grid article{padding:20px;background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--line)}.lesson-grid span{color:var(--gold);font-weight:900;font-size:22px}.lesson-grid h3{font-size:18px}.lesson-grid p,.principle-grid p{font-size:13px;color:var(--text-2)}.editor-pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.editor-pick-grid article{padding:24px;background:var(--black-2);color:var(--text-light);border-radius:var(--radius-card);border-top:2px solid var(--gold)}.editor-pick-grid b{color:var(--gold-2);font-size:11px}.editor-pick-grid p{color:var(--text-light-2)}.trend-chart{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.trend-chart article{padding:18px;background:var(--surface);border-radius:var(--radius-card)}.trend-chart article>div{display:flex;justify-content:space-between}.trend-chart progress{width:100%;height:8px;accent-color:var(--gold)}.trend-chart p{font-size:12px;color:var(--text-2)}.app-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-preview-grid figure{margin:0;padding:14px;background:var(--black-2);border-radius:var(--radius-card);color:var(--text-light)}.app-preview-img{width:100%;max-height:430px;border-radius:12px}.app-preview-grid figcaption{padding:12px}.app-preview-grid p{color:var(--text-light-2);font-size:13px}.faq-list{display:grid;gap:8px}.faq-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.faq-item summary{cursor:pointer;font-weight:780;padding:18px 20px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:var(--gold)}.faq-item[open] summary:after{content:"–"}.faq-item div{padding:0 20px 18px}.faq-item p{margin:0;color:var(--text-2)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-card{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.gallery-img{width:100%;aspect-ratio:16/10}.gallery-card figcaption{padding:16px}.gallery-card figcaption strong{display:block}.gallery-card figcaption p{font-size:12px;color:var(--text-2);margin:6px 0 0}.app-shot-grid,.browser-grid{display:grid;grid-template-columns:minmax(0,420px);justify-content:center}.app-shot-grid .gallery-img{aspect-ratio:9/16;max-height:640px}.browser-grid{grid-template-columns:minmax(0,900px)}.browser-grid .gallery-img{aspect-ratio:16/9}.device-feature{display:grid;grid-template-columns:minmax(240px,390px) 1fr;gap:50px;align-items:center;padding:32px;background:linear-gradient(135deg,var(--graphite),var(--black));border-radius:var(--radius-large);color:var(--text-light)}.phone-scene{width:100%;max-height:600px;filter:drop-shadow(0 20px 30px rgba(198,161,91,.12))}.device-feature h3{font-size:32px}.device-feature p{color:var(--text-light-2)}.steps-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:item}.steps-list li{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:start;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card)}.steps-list span{font-weight:900;color:var(--gold);font-size:20px}.steps-list p{margin:0;color:var(--text-2)}.editor-note{padding:22px 24px;border-radius:var(--radius-card);background:var(--gold-soft);border-left:3px solid var(--gold)}.editor-note strong{font-size:17px}.editor-note p{margin:6px 0 0;color:var(--text-2)}.note-wine{background:#F3E7EA;border-left-color:var(--wine)}.filter-form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:12px;align-items:end}.filter-form label,.standalone-search label,.search-form label{display:grid;gap:6px;font-size:12px;color:var(--text-2)}.filter-form select,.standalone-search input,.search-form input{width:100%;min-height:44px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:0 12px;color:var(--text)}.filter-form select:focus,.standalone-search input:focus,.search-form input:focus{outline:2px solid rgba(198,161,91,.35);border-color:var(--gold)}.standalone-search>div,.search-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px}.pagination a{border:1px solid var(--line-gold);padding:8px 14px;border-radius:999px;background:white}.empty-state{padding:30px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius-card);color:var(--text-2)}.site-footer{position:relative;background:linear-gradient(135deg,#202329,#17191D);color:var(--text-light-2);border-top:1px solid var(--gold);padding:52px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer-brand p{max-width:460px}.brand-dark{color:var(--text-light);font-size:20px}.site-footer h3{color:var(--text-light);font-size:13px;letter-spacing:.12em}.site-footer>div>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.site-footer a:hover{color:var(--gold-2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:26px;margin-top:32px;border-top:1px solid var(--line-dark);font-size:12px}.mobile-bottom{display:none}.back-top{position:fixed;right:20px;bottom:22px;width:42px;height:42px;border:1px solid var(--line-gold);border-radius:50%;background:var(--surface);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s;z-index:60}.back-top.show{opacity:1;pointer-events:auto;transform:none}.menu-drawer[hidden],.search-modal[hidden]{display:none!important}.menu-drawer{position:fixed;inset:0;z-index:150;background:rgba(17,18,20,.48);display:flex;justify-content:flex-end}.drawer-panel{width:min(420px,92vw);height:100%;background:var(--surface);padding:30px;box-shadow:var(--shadow-dark)}.drawer-close,.search-close{border:0;background:none;font-size:30px;cursor:pointer;float:right}.drawer-links{display:grid;gap:8px;margin-top:30px}.drawer-links a{padding:12px;border-bottom:1px solid var(--line)}.search-modal{display:none;position:fixed;inset:0;z-index:200;background:rgba(17,18,20,.56);align-items:flex-start;justify-content:center;padding:12vh 20px 20px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none!important}.search-dialog{width:min(720px,100%);background:var(--surface);border-radius:var(--radius-large);box-shadow:var(--shadow-dark);padding:30px}.search-dialog-head{display:flex;justify-content:space-between;gap:20px}.search-dialog h2{margin:0;font-size:28px}.search-form{margin-top:24px}.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.search-suggestions a{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.reveal{opacity:1;transform:none}.js .reveal{opacity:.98;transform:translateY(2px);transition:opacity .38s ease,transform .38s ease}.js .reveal.in-view{opacity:1;transform:none}
@media (max-width:1200px){.main-nav{gap:0}.main-nav a{padding-inline:7px}.tool-link:nth-of-type(1){display:none}.week-board{grid-template-columns:repeat(4,1fr)}.comment-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){.main-nav{display:none}.header-tools{margin-left:auto}.home-hero,.page-hero{grid-template-columns:1fr}.home-hero{min-height:0}.hero-copy,.page-hero-copy{padding:48px}.hero-image{min-height:390px}.page-hero figure{min-height:310px}.page-hero-img{min-height:310px}.card-grid,.archive-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.project-strip{grid-template-columns:repeat(2,1fr)}.topic-card{grid-template-columns:1fr}.topic-img{max-height:280px}.profile-card{grid-template-columns:1fr}.profile-img{height:260px}.viewpoints{grid-template-columns:repeat(2,1fr)}.lesson-grid,.principle-grid{grid-template-columns:repeat(2,1fr)}.relation-grid{grid-template-columns:1fr 40px 1fr 40px 1fr}.filter-form{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.section{padding:28px}.section-head{align-items:start;flex-direction:column;gap:10px}.timeline-horizontal{grid-template-columns:1fr}.timeline-horizontal .timeline-title{grid-column:auto}.timeline-horizontal .timeline-node{border-right:0;border-bottom:1px solid var(--line);padding-left:24px}.timeline-horizontal .timeline-node:before{left:-5px;top:28px}.timeline-horizontal{border-top:0;border-left:1px solid var(--line-gold)}.analysis-grid,.file-list,.editor-pick-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.week-board{grid-template-columns:repeat(3,1fr)}.app-preview-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/-1}.device-feature{grid-template-columns:300px 1fr}}
@media (max-width:768px){.wrap{width:min(calc(100% - 24px),var(--wrap))}.briefing-bar .wrap{gap:16px}.briefing-bar span:nth-of-type(n+3){display:none}.page-main{padding-top:16px;padding-bottom:110px}.header-inner{height:62px}.site-header{height:62px}.brand span{font-size:14px}.tool-link{display:none}.hero-copy,.page-hero-copy{padding:36px 28px}.hero-copy h1,.page-hero h1{font-size:40px}.hero-copy>p,.page-hero-copy>p{font-size:15px}.hero-image{min-height:310px}.section{padding:24px;margin:14px 0}.rank-row{grid-template-columns:48px 1fr}.rank-side{grid-column:2;justify-content:flex-start}.rank-num{font-size:22px}.stream-row{grid-template-columns:58px 1fr}.stream-row>.status{grid-column:2}.card-grid,.archive-grid,.gallery-grid,.two-column-editorial,.text-columns,.analysis-grid{grid-template-columns:1fr}.split-feature,.dark-feature{grid-template-columns:1fr}.before-after{grid-template-columns:1fr}.change-arrow{transform:rotate(90deg)}.project-strip{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.comment-grid{grid-template-columns:1fr}.relation-grid{grid-template-columns:1fr;gap:8px}.relation-lines{display:none}.week-board{grid-template-columns:repeat(2,1fr)}.calendar-list article{grid-template-columns:100px 1fr}.lesson-grid,.principle-grid,.viewpoints{grid-template-columns:1fr}.trend-chart{grid-template-columns:1fr}.app-preview-grid{grid-template-columns:1fr}.app-preview-img{max-height:520px;object-position:top}.device-feature{grid-template-columns:1fr}.phone-scene{max-width:340px;margin:auto}.filter-form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.mobile-bottom{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(32,35,41,.96);backdrop-filter:blur(14px);color:var(--text-light-2);border:1px solid var(--line-dark);border-radius:16px;box-shadow:var(--shadow-dark);overflow:hidden}.mobile-bottom a{padding:10px 4px;text-align:center;font-size:11px}.mobile-bottom a:hover{color:var(--gold-2)}.back-top{bottom:76px}.footer-bottom{padding-bottom:58px}.search-modal{padding-top:8vh}.search-dialog{padding:22px}}
@media (max-width:600px){.header-tools{gap:2px}.tool-btn,.menu-btn{font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-copy,.page-hero-copy{padding:32px 22px}.hero-copy h1,.page-hero h1{font-size:34px}.hero-image{min-height:260px}.page-hero figure,.page-hero-img{min-height:240px}.section{padding:20px}.section-head h2{font-size:27px}.rank-row{padding:15px 0}.rank-main a{font-size:15px}.timeline-node{grid-template-columns:1fr;gap:6px}.timeline-time{flex-direction:row}.old-news-list article{grid-template-columns:1fr}.week-board{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.standalone-search>div,.search-form>div{grid-template-columns:1fr}.search-dialog h2{font-size:23px}}
article,.rank-main,.stream-row>div,.topic-copy,.profile-card>div{min-width:0}h1,h2,h3,p,a{overflow-wrap:anywhere}