*{box-sizing:border-box}body{margin:0;color:#252525;background:#fff;font:15px/1.75 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--accent);text-decoration:underline}button,input{font:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1{font-size:29px;line-height:1.5}h2{font-size:20px;line-height:1.5}h3{font-size:17px;line-height:1.6;font-weight:600}.frame{max-width:1160px;margin:auto;padding:0 24px}.previewbar{background:#f3f3f3;border-bottom:1px solid #e7e7e7;font-size:12px;color:#777}.previewbar .frame{display:flex;justify-content:space-between;padding-top:5px;padding-bottom:5px;gap:15px}.brandrow{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0 21px}.brand{font-size:30px;font-weight:800;letter-spacing:-1px;color:var(--accent);white-space:nowrap}.brand em{font-style:normal;font-weight:400;font-size:12px;letter-spacing:0;display:block;color:#888;margin-top:-3px}.site-note{font-size:13px;color:#777;max-width:480px}.navigation{background:var(--accent);color:white;display:flex;flex-wrap:wrap;gap:0;padding:0 12px}.navigation a{padding:10px 24px;font-size:15px}.navigation a:hover,.navigation a.active{color:white;background:rgba(0,0,0,.16);text-decoration:none}.search{display:flex;gap:0;min-width:0}.search input{min-width:0;width:230px;padding:8px 11px;border:1px solid #c9c9c9;background:white;font-size:13px}.search button{white-space:nowrap;flex-shrink:0;border:1px solid var(--accent);background:var(--accent);color:white;padding:8px 15px;cursor:pointer;font-size:13px}.search-result{color:#777;font-size:13px;margin:15px 0}.columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:35px;margin:26px 0 40px}.maincol{min-width:0}.sidebar{min-width:0;border-left:1px solid #e5e5e5;padding-left:23px}.module{margin-bottom:29px}.module h2{border-top:3px solid var(--accent);border-bottom:1px solid #ddd;font-size:17px;padding:10px 0;margin:0 0 12px}.module ol{margin:0;padding-left:21px}.module li{margin:9px 0;font-size:14px;line-height:1.7}.module p{font-size:13px;color:#777;margin:12px 0}.side-tags{display:flex;flex-wrap:wrap;gap:7px}.side-tags a{border:1px solid #e1e1e1;padding:4px 9px;font-size:12px;background:#fafafa}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid var(--accent);padding:0 0 8px;margin:0 0 12px}.section-title h2{font-size:20px}.section-title a{font-size:12px;color:#888;font-weight:400}.story{display:grid;grid-template-columns:1fr;gap:12px;padding:17px 0;border-bottom:1px solid #e5e5e5}.story p{font-size:14px;color:#777;line-height:1.8;margin:7px 0}.story .meta{font-size:12px;color:#999}.story .meta a{color:#777}.story .thumb{width:160px;height:105px;object-fit:cover}.story.with-image{grid-template-columns:160px minmax(0,1fr);gap:19px}.story a.title{display:block;font-size:18px;line-height:1.55;font-weight:600}.feature{display:grid;grid-template-columns:1.2fr 1fr;gap:23px;border-bottom:1px solid #ddd;padding-bottom:23px;margin-bottom:25px}.feature figure{margin:0}.feature img{width:100%;height:235px;object-fit:cover}.feature figcaption{font-size:11px;color:#999;margin-top:4px}.feature .small-label{display:block;font-size:12px;color:var(--accent);margin:0 0 8px}.feature h1{font-size:24px;line-height:1.55}.feature p{font-size:14px;color:#777;margin:12px 0;line-height:1.9}.feature .read{font-size:13px;color:var(--accent)}.topiccols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.topic-block{min-width:0}.textlist{list-style:none;padding:0;margin:0}.textlist li{padding:8px 0;border-bottom:1px dotted #ddd;font-size:14px;line-height:1.7}.textlist li:before{content:'·';margin-right:9px;color:#aaa}.bread{font-size:12px;color:#888;padding:19px 0;border-bottom:1px solid #eee}.category-head{padding:20px 0 16px;border-bottom:2px solid var(--accent)}.category-head p{font-size:14px;color:#777;margin-top:7px}.empty{padding:25px;border:1px solid #ddd;color:#777;background:#fafafa}.footer{border-top:1px solid #ddd;padding:21px 0 30px;font-size:12px;color:#888;text-align:center;margin-top:25px}.footer p{margin:5px 0}.category-links{margin:10px 0 22px;display:flex;flex-wrap:wrap;gap:10px}.category-links a{background:#f4f4f4;border:1px solid #ddd;padding:6px 14px;font-size:13px}.article .body{padding:18px 0}.article header{padding:0 0 20px;border-bottom:1px solid #ddd}.article h1{font-size:30px}.article .metadata{font-size:12px;color:#999;margin-top:10px}.article .body p{margin:17px 0;line-height:2;font-size:16px}.article h2{font-size:21px;margin:30px 0 12px;border-left:4px solid var(--accent);padding-left:12px}.article .body ul,.article .body ol{padding-left:25px}.article .body li{margin:10px 0;line-height:1.9}.article .article-photo{width:100%;max-height:380px;object-fit:cover;margin:22px 0 5px}.caption{font-size:11px;color:#999}.article table{width:100%;border-collapse:collapse;font-size:14px;margin:17px 0}.article th,.article td{padding:12px;border:1px solid #ddd;text-align:left;vertical-align:top}.article th{background:#f5f5f5}.sample-label{color:#888;font-size:12px;border-bottom:1px dotted #ddd;padding:10px 0}.anchor-list a{display:block;padding:7px 0;font-size:14px}.article .back{display:inline-block;color:var(--accent);margin:20px 0}.directory-grid{display:grid;grid-template-columns:165px minmax(0,1fr);gap:25px}.directory-nav{background:#f7f8fa;border:1px solid #dedfe2;align-self:start}.directory-nav b{display:block;padding:13px;background:#eceef2;font-size:14px}.directory-nav a{display:block;padding:11px 13px;border-top:1px solid #e0e2e6;font-size:14px}.directory-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.directory-table th,.directory-table td{text-align:left;padding:13px 10px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.directory-table th{background:#f4f5f7;font-weight:400;color:#777}.directory-table th:nth-child(2){width:100px}.directory-table th:nth-child(3){width:65px}.directory-table td a{font-weight:500}.introline{font-size:14px;color:#666;border-left:3px solid var(--accent);padding-left:12px;margin:4px 0 23px}.shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:0 0 25px}.shelf a{border-bottom:2px solid var(--accent);padding:14px 10px;background:#f4f5f7;text-align:center;font-size:14px}.reading-strip{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;font-size:13px;color:#777;margin-bottom:20px}.skin-sport .brandrow{border-top:4px solid var(--accent);padding-top:19px}.skin-sport .feature{grid-template-columns:1.35fr 1fr}.skin-sport .feature img{height:260px}.skin-sport .feature h1{font-size:24px}.skin-sport .navigation{padding:0}.skin-sport .feature h1 a:hover{color:var(--accent)}.skin-basketball .brand{font-style:italic}.skin-basketball .section-title{border-bottom-width:3px}.skin-living{background:#fffdf9}.skin-living .navigation{background:none;color:#444;border-top:1px solid #c3b7a7;border-bottom:1px solid #c3b7a7;padding:0}.skin-living .navigation a{padding:11px 30px 11px 0;margin-right:25px}.skin-living .navigation a.active,.skin-living .navigation a:hover{background:none;color:var(--accent)}.skin-living .feature{grid-template-columns:1.35fr 1fr}.skin-living .feature img{height:290px}.skin-living .brand{font-family:'SimSun',serif;font-weight:800;letter-spacing:3px}.skin-living .section-title{border-bottom:1px solid #c3b7a7}.skin-living .feature h1{font-family:'SimSun',serif;font-weight:600;font-size:25px}.skin-garden .feature{grid-template-columns:1fr}.skin-garden .feature img{height:300px}.skin-garden .feature .feature-copy{border-left:3px solid var(--accent);padding-left:18px}.skin-tech .brandrow{padding-top:20px}.skin-tech .navigation{background:#f1f4f8;color:#34506f;border:1px solid #d8e0e9}.skin-tech .navigation a.active,.skin-tech .navigation a:hover{background:var(--accent);color:white}.skin-tech .story a.title{font-size:17px;font-weight:500}.skin-tech .story{padding:14px 0}.skin-tech .story p{font-size:13px}.skin-tech .feature{grid-template-columns:160px 1fr}.skin-tech .feature img{height:110px}.skin-tech .feature h1{font-size:20px}.skin-tech .feature p{margin:7px 0;font-size:13px}.skin-index .navigation{background:#34465d}.skin-index .feature{grid-template-columns:220px 1fr}.skin-index .feature img{height:145px}.skin-index .feature h1{font-size:21px}.skin-index .feature p{font-size:13px}.skin-paper .frame{max-width:1080px}.skin-paper .brandrow{justify-content:center;text-align:center;border-top:2px solid #514637;padding:25px 0}.skin-paper .brand{font-family:'SimSun',serif;color:#473b2b;letter-spacing:5px;font-size:34px}.skin-paper .brandrow .search{display:none}.skin-paper .navigation{background:white;color:#54493a;border-top:1px solid #8d8172;border-bottom:2px solid #8d8172;justify-content:center}.skin-paper .navigation a.active,.skin-paper .navigation a:hover{background:#f2ece1;color:#54493a}.skin-paper .feature{grid-template-columns:1fr}.skin-paper .feature h1{font-family:'SimSun',serif;font-size:27px}.skin-paper .story a.title{font-family:'SimSun',serif}.skin-paper .section-title{border-color:#8d8172}.skin-paper .sidebar{border-left-color:#ccc3b7}.skin-reference .feature{display:none}.skin-reference .navigation{background:#f4f4f4;color:#444;border-top:2px solid var(--accent);border-bottom:1px solid #ddd}.skin-reference .navigation a.active,.skin-reference .navigation a:hover{background:#e7ece9;color:var(--accent)}.skin-reference .section-title{border-bottom:1px solid #bbb}.skin-reference .brand{font-size:28px}.skin-reference .story{padding:15px 0}.skin-reference .story a.title{font-size:17px}.skin-reference .shelf{grid-template-columns:repeat(3,1fr)}.skin-qanda .story .title:before{content:'问';display:inline-block;color:var(--accent);border:1px solid #d7d0c9;padding:0 5px;font-size:12px;margin-right:10px;vertical-align:middle}.skin-qanda .feature{display:none}.skin-portal .topiccols{grid-template-columns:repeat(3,1fr)}.skin-portal .feature{grid-template-columns:1fr 1fr}.skin-portal .feature img{height:235px}[hidden]{display:none!important}
@media(max-width:950px){.frame{padding:0 18px}.columns{grid-template-columns:minmax(0,1fr) 230px;gap:22px}.sidebar{padding-left:17px}.brandrow{flex-wrap:wrap}.brandrow .search{margin-left:auto}.feature,.skin-sport .feature,.skin-living .feature{grid-template-columns:1fr}.feature img,.skin-sport .feature img,.skin-living .feature img{height:240px}.feature h1,.skin-sport .feature h1{font-size:23px}.topiccols,.skin-portal .topiccols{grid-template-columns:1fr 1fr}.directory-grid{grid-template-columns:1fr}.directory-nav{display:flex;flex-wrap:wrap}.directory-nav b{width:100%}.directory-nav a{flex:1;white-space:nowrap}.skin-index .feature{grid-template-columns:1fr}.skin-index .feature img{height:210px}}
@media(max-width:700px){.frame{padding:0 15px}.columns{grid-template-columns:1fr;gap:25px;margin-top:19px}.sidebar{border-left:0;border-top:1px solid #ddd;padding-left:0;padding-top:20px}.brandrow{padding:18px 0 15px;gap:15px}.brand{font-size:26px}.brandrow .search{width:100%;margin:0}.search input{width:100%}.navigation{padding:0}.navigation a{padding:9px 14px;font-size:14px}.previewbar .frame{font-size:11px;gap:8px}.topiccols,.skin-portal .topiccols{grid-template-columns:1fr}.story.with-image{grid-template-columns:105px minmax(0,1fr);gap:12px}.story .thumb{width:105px;height:83px}.story a.title{font-size:16px}.story p{font-size:13px}.story.with-image p{display:none}.feature,.skin-tech .feature,.skin-portal .feature{grid-template-columns:1fr}.feature img,.skin-garden .feature img{height:225px}.feature h1{font-size:23px}.article h1{font-size:25px}.article .body p{font-size:15px}.skin-paper .brand{font-size:30px}.skin-living .navigation a{margin-right:10px;padding-right:10px;font-size:14px}.shelf{gap:8px}.shelf a{font-size:13px;padding:11px 4px}.directory-table th,.directory-table td{padding:11px 6px;font-size:13px}.directory-table th:nth-child(2){width:75px}.directory-table th:nth-child(3){width:45px}.footer{font-size:11px}}

/* 内容站视觉层次：公共阅读规范与主题差异，避免宣传页式大标语。 */
:root{--page:#f3f5f7;--line:#e5e9ed;--text:#202934;--sub:#65707c}
body{background:var(--page);color:var(--text);font-family:Arial,"Microsoft YaHei",sans-serif;line-height:1.8;-webkit-font-smoothing:antialiased}
.frame{max-width:1240px;padding:0 26px}
.previewbar{background:#eaedf0;border-bottom:0;color:#74808d;font-size:11px}
.previewbar .frame{padding-top:5px;padding-bottom:5px}
body>.frame>header{background:#fff}
.brandrow{min-height:112px;padding:23px 30px;gap:28px}
.brand{font-size:31px;line-height:1.25;font-weight:800;letter-spacing:-.8px;color:#202e3c}
.brand em{font-size:12px;color:#8a939d;letter-spacing:.8px;font-weight:400;margin-top:10px;line-height:1.6}
.search{align-items:stretch}
.search input{width:238px;background:#f7f9fb;border:1px solid #dce2e9;border-right:0;padding:10px 14px}
.search input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,white);outline-offset:-2px;background:white}
.search button{padding:10px 20px;font-weight:600;letter-spacing:1px}
.navigation{min-height:50px;align-items:stretch;padding:0 10px}
.navigation a{display:flex;align-items:center;padding:12px 28px;font-size:14px;letter-spacing:.5px}
.navigation a.active{background:rgba(0,0,0,.22);font-weight:700}
.columns{grid-template-columns:minmax(0,1fr) 292px;gap:24px;margin:26px 0 45px;align-items:start}
.maincol{background:white;padding:28px 30px;min-width:0}
.sidebar{padding:0;border:0}
.module{padding:21px 22px;background:white;border:1px solid #e8ecf0;margin-bottom:19px}
.module h2{position:relative;border:0;border-bottom:1px solid #e6ebef;padding:0 0 13px;margin:0 0 16px;font-size:16px;font-weight:700;letter-spacing:.3px}
.module h2:after{content:'';position:absolute;width:27px;height:2px;bottom:-1px;left:0;background:var(--accent)}
.module:first-child{border-top:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 3%,white)}
.module p{font-size:12px;line-height:1.9;color:#84909c;margin:16px 0 0}
.module ol{list-style:none;padding:0;counter-reset:reading}
.module ol li{counter-increment:reading;position:relative;padding-left:26px;margin:0 0 14px;line-height:1.65;font-size:13px}
.module ol li:before{content:counter(reading,decimal-leading-zero);position:absolute;left:0;top:0;font:italic 15px/1.65 Georgia,serif;color:#aab3bb}
.module ol li:nth-child(-n+3):before{color:var(--accent)}
.module ol li:last-child{margin-bottom:0}
.side-tags{gap:8px}
.side-tags a{font-size:12px;padding:4px 10px;background:#f5f7f9;border:1px solid #edf0f3;color:#606c79;line-height:1.7}
.side-tags a:hover{background:#edf2f5;border-color:#cbd6df;text-decoration:none}
.section-title{position:relative;border:0;border-bottom:1px solid #dfe5eb;padding:0 0 13px;margin:2px 0 5px}
.section-title:after{content:'';position:absolute;width:38px;height:3px;background:var(--accent);bottom:-2px;left:0}
.section-title h2{font-size:21px;line-height:1.4;font-weight:750;letter-spacing:-.5px}
.section-title a{font-size:12px;color:#949da7}
.search-result{font-size:11px;color:#9aa3ad;margin:13px 0 6px;letter-spacing:.3px}
.story{position:relative;padding:22px 0;border-color:#e9edf1}
.story a.title{font-size:18px;line-height:1.65;font-weight:650;color:#263341;letter-spacing:-.2px}
.story a.title:hover{color:var(--accent)}
.story p{font-size:13px;color:#7a8692;line-height:1.9;max-width:53em;margin:8px 0 9px}
.story .meta{display:flex;gap:7px;align-items:center;color:#a1aab4;font-size:11px;line-height:1.6}
.story .meta a{font-size:11px;color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,white);padding:2px 6px}
.story .thumb{width:165px;height:112px;object-fit:cover}
.story.with-image{grid-template-columns:165px minmax(0,1fr);gap:21px;align-items:center}
.article-order{font:italic 30px/1 Georgia,serif;color:#e1e6eb;float:right;margin:3px 0 0 15px}
.story:first-of-type .article-order{color:color-mix(in srgb,var(--accent) 23%,white)}
.feature{padding:0 0 28px;margin:0 0 32px;gap:26px;border-bottom:1px solid #e7ebee}
.feature figure{overflow:hidden}
.feature img{height:255px;object-fit:cover}
.feature figcaption{font-size:10px;margin-top:6px;color:#a7afb7;line-height:1.6}
.feature .feature-copy{padding:8px 0;align-self:center;min-width:0}
.feature .small-label{font-size:11px;line-height:1.6;letter-spacing:.8px;font-weight:700;border-left:2px solid var(--accent);padding-left:8px;margin-bottom:12px}
.feature h1{font-size:26px;line-height:1.55;letter-spacing:-.6px;font-weight:750;text-wrap:balance}
.feature p{font-size:13px;line-height:1.95;color:#7e8893;margin:14px 0 18px}
.feature .read{font-size:12px;font-weight:600;border-bottom:1px solid color-mix(in srgb,var(--accent) 30%,white);padding-bottom:4px}
.topiccols{padding-top:25px;margin-top:28px;gap:24px;border-top:4px solid #f1f4f7}
.topic-block .section-title h2{font-size:17px}
.topic-block .section-title:after{height:2px;width:23px}
.textlist li{font-size:13px;padding:10px 0;line-height:1.8;border-bottom:1px solid #edf0f3}
.textlist li:before{color:#b0b8c1}
.directory-nav{border:0;background:#f6f8fb;border-left:2px solid #dfe6ef}
.directory-nav b{background:#eaf0f7;color:#48607b;font-size:13px;padding:13px 15px}
.directory-nav a{font-size:12px;padding:12px 15px;border-top:1px solid #e8edf4;color:#697b8f}
.directory-nav a:hover{background:#eaf0f7;text-decoration:none}
.directory-table{font-size:13px}
.directory-table th{background:#eef2f7;color:#77879a;font-size:12px;padding:13px 12px;border:0}
.directory-table td{padding:16px 12px;border-color:#e7edf3;line-height:1.8}
.directory-table tbody tr:nth-child(even){background:#fbfcfe}
.directory-table tbody tr:hover{background:#f3f7fb}
.directory-table td:first-child a{font-size:14px;color:#35485f;font-weight:500}
.directory-table td:last-child a{display:inline-block;font-size:11px;background:#eef3f8;padding:2px 8px;color:var(--accent)}
.bread{border:0;font-size:11px;padding:18px 2px 0;color:#8e99a5}
.category-head{padding:0 0 22px;border-bottom:1px solid #dfe5eb;margin-bottom:5px}
.category-head h1{font-size:29px;letter-spacing:-1px}
.category-head p{font-size:12px;color:#8a96a3;margin-top:9px}
.article{padding:32px 38px}
.article header{padding-bottom:20px;border-color:#e7ebf0}
.article h1{font-size:31px;line-height:1.55;letter-spacing:-1px;text-wrap:balance}
.article .metadata{font-size:11px;color:#9ca6b1;margin-top:17px}
.sample-label{font-size:11px;color:#9da7b1;line-height:1.8;padding:11px 0;border-color:#e7edf2}
.article .body>p:first-child{font-size:17px;line-height:1.95;color:#536574;border-left:3px solid var(--accent);background:#f8fafc;padding:17px 20px;margin:22px 0}
.article .body p{font-size:15px;color:#53606d;line-height:2.05;margin:20px 0}
.article h2{font-size:21px;line-height:1.6;margin:34px 0 16px;padding:0;border:0}
.article h2:before{content:'';display:inline-block;width:4px;height:17px;background:var(--accent);margin-right:10px;vertical-align:-2px}
.article .article-photo{max-height:370px;margin:25px 0 7px}
.article .body li{font-size:14px;line-height:1.95;color:#5b6a78}
.article th{background:#eef2f7;font-size:12px;color:#657687;font-weight:600}
.article th,.article td{border-color:#e3e9ef;padding:13px 15px}
.article .back{font-size:12px;border-bottom:1px solid #d0d9e2;padding-bottom:4px}
.anchor-list a{font-size:13px;color:#748395;padding:8px 0;border-bottom:1px solid #edf0f4}
.footer{border-top:1px solid #dce3e8;color:#9aa4af;font-size:11px;padding:25px 0 30px;margin-top:35px}

/* 体育：一张明确的头条图，后续文章保持紧凑。 */
.skin-sport .brandrow{border:0;position:relative;padding-top:25px}
.skin-sport .brandrow:before{content:'';width:5px;height:42px;background:var(--accent);position:absolute;left:0;top:31px}
.skin-sport .brand{color:#20362f;letter-spacing:-1px;font-size:32px}
.skin-sport .navigation{background:#20372f;padding:0 12px}
.skin-sport .navigation a.active{background:var(--accent)}
.skin-sport .feature{position:relative;display:block;background:#1b2d26;padding:0;border:0;margin-bottom:30px}
.skin-sport .feature img{height:365px;opacity:.87}
.skin-sport .feature figcaption{display:none}
.skin-sport .feature .feature-copy{position:absolute;left:0;right:0;bottom:0;padding:55px 27px 26px;background:linear-gradient(transparent,rgba(8,21,17,.91));color:white}
.skin-sport .feature h1{font-size:28px;line-height:1.5;letter-spacing:-.5px;max-width:620px;text-wrap:pretty}
.skin-sport .feature h1 a:hover{color:#e6ede8}
.skin-sport .feature .small-label{color:white;border:0;padding:0;font-size:11px;margin-bottom:10px;opacity:.8}
.skin-sport .feature p{color:#d1d9d3;font-size:12px;margin:10px 0 0;max-width:540px}
.skin-sport .feature .read{display:none}
.skin-sport .story a.title{font-size:18px;font-weight:650}
.skin-basketball .brand{color:#4a3024;font-style:normal;letter-spacing:1px}
.skin-basketball .navigation{background:#45342b}
.skin-basketball .feature .feature-copy{background:linear-gradient(transparent,rgba(35,20,12,.9))}

/* 生活与园艺：纸面配色，图文分区，减少粗线与重复边框。 */
.skin-living{--page:#f3f0e9;background:var(--page)}
.skin-living body>.frame>header,.skin-living .maincol,.skin-living .module{background:#fffdf8}
.skin-living .brandrow{padding:27px 30px}
.skin-living .brand{color:#635345;font-size:31px;letter-spacing:3px}
.skin-living .brand em{letter-spacing:1px;color:#9a8f82}
.skin-living .navigation{padding:0 30px;background:#ece7dc;border:0;color:#706352}
.skin-living .navigation a{margin:0;padding:13px 29px 13px 0;font-size:13px;letter-spacing:1px}
.skin-living .navigation a.active{background:none;color:var(--accent);font-weight:700}
.skin-living .maincol{padding:25px}
.skin-living .feature{gap:0;grid-template-columns:1.25fr 1fr;border:0;background:#f0ebe1;margin-bottom:32px;padding:0;align-items:stretch}
.skin-living .feature figure{align-self:stretch}
.skin-living .feature img{height:310px;min-height:100%;object-fit:cover}
.skin-living .feature figcaption{display:none}
.skin-living .feature .feature-copy{padding:23px;align-self:center}
.skin-living .feature h1{font-size:24px;line-height:1.65;font-family:'SimSun',serif;letter-spacing:0}
.skin-living .feature p{color:#8b7e6d;font-size:12px;margin:14px 0 18px}
.skin-living .section-title{border-color:#dfd7ca}
.skin-living .section-title:after{background:#a9977f;height:2px}
.skin-living .story{border-color:#eae4d9}
.skin-living .module{border-color:#e5ded1}
.skin-living .module:first-child{background:#eee9df;border-top:0}
.skin-living .side-tags a{background:#f4f0e7;border-color:#eae3d6;color:#8b7d6a}
.skin-garden .feature{grid-template-columns:1fr;background:#eef2e7}
.skin-garden .feature img{height:305px;min-height:0}
.skin-garden .feature .feature-copy{padding:23px 26px;border:0}
.skin-garden .feature h1{font-size:26px}
.skin-garden .feature p{margin-bottom:12px}
.skin-garden .navigation{background:#e7eddf}
.skin-garden .brand{color:#456149}
.skin-garden .module:first-child{background:#e9eedf}

/* 教程和产品资料：分层的目录、细边表格、清晰的行间距。 */
.skin-tech .brand{font-size:29px;color:#2d4262;letter-spacing:-1px}
.skin-tech .navigation{border:0;background:#e7edf6;padding:0 20px}
.skin-tech .navigation a{color:#536985;font-size:13px;padding:12px 24px}
.skin-tech .navigation a.active{color:#fff}
.skin-tech .feature{padding:22px;background:#f0f4fa;border:0;gap:22px;grid-template-columns:170px 1fr;margin-bottom:28px}
.skin-tech .feature img{height:125px}
.skin-tech .feature figcaption{display:none}
.skin-tech .feature .feature-copy{padding:0}
.skin-tech .feature h1{font-size:22px;line-height:1.55}
.skin-tech .feature p{font-size:12px;line-height:1.9;margin:9px 0 12px}
.skin-tech .directory-grid{grid-template-columns:145px minmax(0,1fr);gap:23px}
.skin-tech .story a.title{font-size:16px;font-weight:600}
.skin-tech .story{padding:19px 0}
.skin-tech .story p{font-size:12px}
.skin-tech .article-order{font-size:24px}
.skin-index .navigation{background:#34465d}
.skin-index .feature{grid-template-columns:200px minmax(0,1fr);background:#edf1f7;padding:20px;border:0;gap:24px}
.skin-index .feature img{height:148px}
.skin-index .feature figcaption{display:none}
.skin-index .feature .feature-copy{padding:0}
.skin-index .feature h1{font-size:22px;line-height:1.6}
.skin-index .feature p{font-size:12px;margin:10px 0 13px}
.skin-reference .navigation{background:#e8eee9;border:0;color:#53655c;padding:0 18px}
.skin-reference .navigation a{font-size:13px}
.skin-reference .maincol>h1{font-size:25px!important;margin:0 0 25px!important;padding-bottom:20px;border-bottom:1px solid #e4eae6}
.skin-reference .shelf{gap:1px;background:#dfe6e0;border:1px solid #dfe6e0;margin-bottom:28px}
.skin-reference .shelf a{border:0;background:#f1f5f1;font-size:13px;padding:15px 8px;color:#5b7564}
.skin-qanda .story .title:before{border:0;color:var(--accent);background:#f3ede8;padding:2px 7px;font-size:11px}

/* 档案与长文：轻纸色、窄阅读区及刊物式页眉。 */
.skin-paper{--page:#f0ede6}
.skin-paper .frame{max-width:1150px}
.skin-paper .brandrow{border:0;flex-direction:row;justify-content:space-between;padding:26px 30px}
.skin-paper .brand{font-size:32px;letter-spacing:4px;color:#514537}
.skin-paper .brandrow .search{margin:0;display:flex}
.skin-paper .navigation{border:0;border-top:1px solid #ddd5c9;border-bottom:1px solid #ddd5c9;background:#faf7f0;justify-content:flex-start;padding-left:20px}
.skin-paper .navigation a{font-size:13px;padding:12px 25px;color:#827461}
.skin-paper .maincol,.skin-paper .module{background:#fffdf8}
.skin-paper .feature{border-bottom:1px solid #e0d8cb;gap:15px;grid-template-columns:1fr}
.skin-paper .feature img{height:235px;object-position:center}
.skin-paper .feature h1{font-size:28px;line-height:1.6}
.skin-paper .story a.title{font-size:18px;font-weight:600}
.skin-paper .section-title{border-color:#e0d8cb}
.skin-paper .module{border-color:#e3dccf}
.skin-paper .module:first-child{background:#f4efe5}
.skin-portal .feature{grid-template-columns:1.15fr 1fr;gap:0;background:#eef0f6;padding:0;border:0;align-items:stretch}
.skin-portal .feature img{height:285px}
.skin-portal .feature figcaption{display:none}
.skin-portal .feature .feature-copy{padding:24px}
.skin-portal .feature h1{font-size:24px}
.skin-portal .feature p{font-size:12px}
.skin-portal .topiccols{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

@media(max-width:1080px){.frame{padding:0 22px}.columns{grid-template-columns:minmax(0,1fr) 252px;gap:20px}.maincol{padding:23px}.module{padding:18px}.brandrow{padding:23px}.feature h1{font-size:23px}.skin-living .feature{grid-template-columns:1fr}.skin-living .feature img{height:245px;min-height:0}.skin-living .feature .feature-copy{padding:22px}.skin-sport .feature img{height:335px}.skin-sport .feature h1{font-size:25px}.skin-tech .feature,.skin-index .feature{grid-template-columns:140px minmax(0,1fr);padding:18px}.skin-tech .feature img,.skin-index .feature img{height:130px}.skin-tech .feature h1,.skin-index .feature h1{font-size:20px}.skin-tech .directory-grid{grid-template-columns:1fr}.directory-nav{display:flex;flex-wrap:wrap}.directory-nav b{width:100%}.directory-nav a{flex:1}.skin-portal .feature{grid-template-columns:1fr}.skin-portal .feature img{height:230px}.skin-portal .topiccols{grid-template-columns:1fr 1fr}.skin-paper .brand{font-size:29px}}
@media(max-width:760px){.frame{padding:0 16px}.columns{grid-template-columns:1fr;margin-top:20px;gap:22px}.maincol{padding:24px}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;border:0}.module{margin:0}.module:first-child{grid-column:1/-1}.brandrow,.skin-paper .brandrow{padding:23px 24px;flex-wrap:wrap}.skin-paper .brandrow .search{margin-left:auto}.skin-sport .brandrow:before{top:28px}.navigation a,.skin-tech .navigation a{padding:11px 22px}.skin-living .navigation{padding:0 24px}.feature,.skin-living .feature,.skin-portal .feature{grid-template-columns:1.15fr 1fr}.skin-living .feature img,.skin-portal .feature img{height:280px;min-height:100%}.skin-garden .feature{grid-template-columns:1fr}.skin-garden .feature img{height:290px;min-height:0}.skin-sport .feature img{height:350px}.skin-tech .feature,.skin-index .feature{grid-template-columns:160px 1fr}.skin-paper .feature{grid-template-columns:1fr}.skin-paper .feature img{height:255px}.article{padding:28px}.article h1{font-size:29px}.topiccols,.skin-portal .topiccols{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.frame{padding:0 10px}.previewbar .frame{padding:5px 14px;font-size:10px}.brandrow,.skin-paper .brandrow,.skin-living .brandrow{min-height:0;padding:21px 20px;gap:17px}.brand,.skin-tech .brand,.skin-sport .brand,.skin-paper .brand,.skin-living .brand{font-size:27px}.brand em{font-size:11px;margin-top:7px;letter-spacing:.3px}.brandrow .search,.skin-paper .brandrow .search{width:100%;margin:0}.search input{width:100%;padding:9px 12px}.search button{padding:9px 19px}.navigation,.skin-tech .navigation,.skin-reference .navigation,.skin-paper .navigation,.skin-sport .navigation{padding:0 6px}.navigation a,.skin-tech .navigation a,.skin-paper .navigation a,.skin-reference .navigation a{font-size:12px;letter-spacing:0;padding:11px 16px}.skin-living .navigation{padding:0 20px}.skin-living .navigation a{padding:12px 22px 12px 0;font-size:12px;letter-spacing:0}.columns{margin-top:13px;gap:14px}.maincol,.skin-living .maincol{padding:20px 18px}.sidebar{grid-template-columns:1fr;gap:13px}.module{padding:20px}.module:first-child{grid-column:auto}.feature,.skin-tech .feature,.skin-index .feature,.skin-living .feature,.skin-portal .feature{grid-template-columns:1fr;gap:0}.feature img{height:210px}.feature .feature-copy{padding:19px 0 0}.feature h1{font-size:23px}.skin-living .feature .feature-copy,.skin-portal .feature .feature-copy{padding:21px}.skin-living .feature img,.skin-portal .feature img{height:220px;min-height:0}.skin-garden .feature img{height:240px}.skin-sport .feature img{height:310px}.skin-sport .feature .feature-copy{padding:50px 21px 22px}.skin-sport .feature h1{font-size:24px;line-height:1.6}.skin-sport .feature p{font-size:11px;line-height:1.85}.skin-tech .feature,.skin-index .feature{padding:18px}.skin-tech .feature img,.skin-index .feature img{height:155px}.skin-tech .feature .feature-copy,.skin-index .feature .feature-copy{padding:15px 0 2px}.skin-tech .feature h1,.skin-index .feature h1{font-size:21px}.skin-paper .feature img{height:210px}.skin-paper .feature h1{font-size:25px}.story,.skin-tech .story{padding:20px 0}.story a.title,.skin-tech .story a.title,.skin-reference .story a.title{font-size:16px;line-height:1.75}.story p{font-size:12px;margin:8px 0 11px}.story .meta{font-size:10px;flex-wrap:wrap;gap:6px}.story .meta a{font-size:10px}.article-order{font-size:24px;margin-left:9px}.story.with-image{grid-template-columns:100px minmax(0,1fr);gap:13px;align-items:start}.story .thumb{width:100px;height:88px}.story.with-image .article-order{display:none}.section-title h2{font-size:20px}.topiccols,.skin-portal .topiccols{grid-template-columns:1fr;gap:25px}.directory-table th,.directory-table td{padding:12px 7px}.directory-table td:first-child a{font-size:13px}.directory-table th:nth-child(2){width:64px}.directory-table th:nth-child(3){width:46px}.directory-table td:last-child a{padding:2px 4px;font-size:10px}.directory-nav a{padding:11px 12px}.article{padding:24px 20px}.article h1{font-size:26px;line-height:1.6}.article .body>p:first-child{font-size:15px;padding:15px 16px}.article .body p{font-size:14px;line-height:2.05}.article h2{font-size:20px}.article th,.article td{padding:11px 9px;font-size:12px}.article .article-photo{max-height:240px}.category-head h1{font-size:27px}.bread{padding:13px 4px 0;font-size:10px}.footer{font-size:10px;margin-top:22px;padding:18px 12px 25px}.skin-sport .brandrow:before{height:35px;top:25px}}