:root{--brand:#d29b36;--accent:#e35d6a;--paper:#191714;--ink:#f7efe2;--line:rgba(120,100,90,.2)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 'Microsoft YaHei',Arial,sans-serif}a{text-decoration:none;color:inherit}img{width:100%;display:block}header{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.top,nav,.wrap,.foot{width:min(1160px,calc(100% - 32px));margin:auto}.top{display:flex;justify-content:space-between;padding:8px 0;color:#777;font-size:13px}.top b{color:var(--brand)}nav{min-height:72px;display:flex;align-items:center;gap:24px}.logo{font-size:23px;font-weight:900;white-space:nowrap}.logo:first-letter{color:var(--brand)}.links{display:flex;gap:4px;margin-left:auto}.links a{padding:9px 12px;font-weight:800;border-radius:5px}.links a:hover,.links .active{background:var(--brand);color:#fff}button{display:none;margin-left:auto;background:var(--brand);color:#fff;border:0;padding:9px 12px;border-radius:5px;font-size:18px}.hero{color:#fff;background:linear-gradient(110deg,rgba(10,10,15,.9),rgba(0,0,0,.3)),url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=82') center/cover;min-height:500px}.hero .wrap{display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:end;padding:100px 0 54px}.tag{color:var(--accent);font-weight:900}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;margin:12px 0}.hero p{font-size:18px;max-width:700px;color:#eee}.rank{padding:18px;border:1px solid #ffffff55;background:#0005;border-radius:6px}.rank a{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #ffffff33}.rank a:last-child{border:0}.rank b{background:var(--accent);color:#222;text-align:center;border-radius:4px}.section{padding:58px 0}.alt{background:color-mix(in srgb,var(--brand) 7%,var(--paper))}.heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.heading h2{font-size:38px;line-height:1.2;margin:4px 0}.heading p,.card p{color:#777}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.row,.article,.box{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,white);border-radius:6px;overflow:hidden}.card img{height:210px;object-fit:cover}.card div{padding:17px}.pill{display:inline-block;color:#fff;background:var(--brand);padding:3px 8px;border-radius:4px;font-size:12px;font-weight:900}.card h3{font-size:21px;line-height:1.35;margin:10px 0 5px}.feature{display:grid;grid-template-columns:42% 1fr}.feature img{height:100%;min-height:300px;object-fit:cover}.feature div{padding:30px}.feature h2{font-size:34px;line-height:1.2}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips a,.chips span{background:color-mix(in srgb,var(--accent) 24%,var(--paper));padding:7px 10px;border-radius:4px;font-weight:800}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery a{position:relative}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:6px}.gallery span{position:absolute;bottom:9px;left:9px;color:#fff;background:#0009;padding:5px 8px;border-radius:4px}.page{background:linear-gradient(110deg,rgba(10,10,15,.88),rgba(0,0,0,.28)),url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?auto=format&fit=crop&w=1800&q=82') center/cover;color:#fff;padding:58px 0}.page h1{font-size:54px;margin:6px 0}.two{display:grid;grid-template-columns:1fr 320px;gap:24px}.list{display:grid;gap:14px}.row{display:grid;grid-template-columns:220px 1fr;gap:16px;padding:14px}.row img{height:145px;object-fit:cover;border-radius:4px}.row h2{margin:8px 0;font-size:24px;line-height:1.3}.box{padding:18px}.article-wrap{display:grid;grid-template-columns:1fr 320px;gap:24px}.article img{aspect-ratio:16/7;object-fit:cover}.article-body{padding:30px}.article h1{font-size:46px;line-height:1.2}.article p{color:#666}.timeline{padding-left:20px}.timeline li{padding:8px}.foot{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:40px 0;color:#bbb}.foot h2,.foot h3{color:#fff}.foot a{margin-right:14px}.copy{text-align:center;border-top:1px solid #ffffff22;color:#888;padding:14px;font-size:13px}footer{background:#171513}body.gold{background:#191714;color:#f7efe2}body.gold .card,body.gold .row,body.gold .article,body.gold .box{background:#25211c}body.gold .heading p,body.gold .card p,body.gold .article p{color:#c1b6a6}@media(max-width:800px){.top{display:block}.links{display:none;position:absolute;top:112px;left:16px;right:16px;padding:10px;background:var(--paper);border:1px solid var(--line);flex-direction:column}.links.open{display:flex}button{display:block}.hero .wrap,.two,.feature,.article-wrap,.foot{grid-template-columns:1fr}.cards,.gallery{grid-template-columns:repeat(2,1fr)}.hero .wrap{padding:70px 0 40px}.page h1{font-size:42px}}@media(max-width:580px){.section{padding:42px 0}.heading{display:block}.cards,.gallery,.row{grid-template-columns:1fr}.row img{height:auto}.article h1{font-size:34px}}
/* unique visual treatment */
body{background:#fff;color:#1e2630}header{background:#fff;border-bottom:2px solid #1c2935}.hero{min-height:420px}.hero .wrap{grid-template-columns:1fr 280px;padding:68px 0 34px}.hero h1{font-size:50px}.rank{border-radius:0;background:#fffdf0;color:#1e2630;border:3px solid var(--brand)}.rank a{border-color:#ded7c1}.cards{grid-template-columns:repeat(3,1fr);gap:0}.card{border-radius:0;background:#fff!important}.card img{height:190px}.section.alt{background:#fff3cf}.feature{grid-template-columns:38% 1fr}.gallery{grid-template-columns:repeat(4,1fr);gap:4px}.gallery img{border-radius:0}:root{--brand:#e14a32;--accent:#1e5f93;--paper:#fff;--ink:#1e2630;--line:#cfd8df}footer{background:#1d2933}.foot{color:#d4e0e5}

/* unique visual treatment */
body{background:#101719;color:#e4f1ef}header{background:#0a1012}.hero{min-height:550px}.hero .wrap{grid-template-columns:1fr}.rank{background:#152528}.rank a{display:flex;gap:12px}.cards{grid-template-columns:repeat(4,1fr)}.card{background:#152528!important}.card img{height:150px}.section.alt{background:#183135}.feature{grid-template-columns:45% 1fr}.gallery{grid-template-columns:repeat(4,1fr)}:root{--brand:#1c9a8d;--accent:#f2aa4c;--paper:#101719;--ink:#e4f1ef;--line:#2b5558}footer{background:#080d0e}

/* structured blue desk layout */
:root{--brand:#1f5aa6;--accent:#f29d38;--paper:#eef3f7;--ink:#172533;--line:#cbd6df}body{background:var(--paper);color:var(--ink)}header{background:#fff;box-shadow:0 2px 12px #15283b12}.hero{min-height:400px}.hero .wrap{grid-template-columns:1.35fr .65fr;padding:50px 0}.hero h1{font-size:45px}.rank{border-radius:4px;background:#ffffffef;color:var(--ink);border:1px solid #fff}.rank b{border-radius:2px;background:var(--accent);color:#172533}.section{padding:46px 0}.cards{gap:12px}.card{border-radius:4px;background:#fff!important}.card img{height:165px}.heading h2{font-size:30px}.section.alt{background:#dce8f0}.feature{grid-template-columns:34% 1fr;background:#fff;border:1px solid var(--line)}.feature div{padding:24px}.gallery{gap:10px}.gallery img{border-radius:4px}footer{background:#172533}
/* unique site palette */
:root{--brand:#ca6726;--accent:#286b6a;--paper:#fffaf2;--ink:#3c2c25;--line:#e9d8bd}body{background:#fffaf2;color:#3c2c25}.cards{grid-template-columns:repeat(2,1fr)}.card{border-radius:10px;background:#fff!important}.card img{height:260px}.section.alt{background:#f6e5c9}.feature{grid-template-columns:1fr}footer{background:#286b6a}