:root{font-family:system-ui,-apple-system,"PingFang SC","Microsoft Yahei",sans-serif;color:#242424;background:#fafafa;font-size:16px;line-height:1.85}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#626262}button,input{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #777;outline-offset:5px}.review{background:#252525;color:white;text-align:center;font-size:13px;padding:7px 16px}header{display:flex;align-items:center;gap:28px;padding:24px 5%;border-bottom:1px solid #d8d8d8;background:#fafafa}header a{text-decoration:none}.brand{font-size:25px;font-weight:700;white-space:nowrap;letter-spacing:2px}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:1px}nav{display:flex;gap:22px;flex:1;justify-content:center;flex-wrap:wrap;font-size:14px}nav a[aria-current]{border-bottom:1px solid}.button{display:inline-block;background:#262626;color:white;padding:13px 21px;border:1px solid #262626;text-decoration:none;cursor:pointer;font-size:15px;text-align:center}.button:hover{background:#494949;color:white}.hero{padding:80px 6%;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;min-height:670px}.eyebrow{font-size:14px;letter-spacing:1px}h1{font-family:"Songti SC","Noto Serif CJK SC",serif;font-size:clamp(34px,3.7vw,58px);line-height:1.45;font-weight:500;letter-spacing:1px;margin:24px 0}h2{font-family:"Songti SC",serif;font-size:30px;line-height:1.5;margin:0 0 28px;font-weight:500}h3{font-size:22px;line-height:1.6;margin-top:38px;border-top:1px solid #ddd;padding-top:25px}p{margin:16px 0}.intro{max-width:620px;color:#555}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:30px 0 16px}small{font-size:13px;color:#6a6a6a}.placeholder{border:1px solid #bcbcbc;min-height:240px;display:grid;place-items:center;text-align:center;margin:30px 0;background:linear-gradient(to top right,transparent 49.85%,#d9d9d9 50%,transparent 50.15%),linear-gradient(to bottom right,transparent 49.85%,#d9d9d9 50%,transparent 50.15%);color:#626262}.placeholder span{background:#fafafa;padding:12px 20px;max-width:85%}.hero-image{height:490px;margin:0}.chapter{display:grid;grid-template-columns:90px 1fr;padding:65px 8%;border-top:1px solid #ccc;gap:45px}.chapter>aside{font-family:Georgia,serif;font-size:42px;color:#aaa}.chapter article{max-width:950px}.chapter:nth-child(even){background:#f1f1f1}.chapter .placeholder span{background:inherit}.text-link{display:inline-block;margin:14px 22px 14px 0;text-decoration:underline;font-weight:500}.page-heading{padding:65px 8% 35px;border-bottom:1px solid #ddd}.page-heading>a,.page-heading>span{font-size:14px;color:#666}.article-layout{display:grid;grid-template-columns:minmax(0,850px) 230px;gap:70px;padding:55px 8% 80px}.prose h2{margin-top:50px}.prose h2:first-child{margin-top:0}.side{align-self:start;position:sticky;top:30px;border-top:2px solid #333;padding-top:20px}.side a{display:block;margin:16px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:15px}td{padding:16px;border:1px solid #ccc;min-width:130px}tr:first-child{background:#eee;font-weight:600}li{margin:10px 0}footer{border-top:1px solid #ccc;padding:48px 8%;display:grid;grid-template-columns:1fr 1fr;gap:30px;background:#eee}footer strong{font-size:26px}footer a{display:block;font-size:14px;margin-bottom:8px}footer>small{grid-column:1/-1}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:4}.quiz{max-width:820px;margin:55px auto;padding:0 24px 70px}.quiz h1{font-size:36px}.option{display:flex;gap:12px;align-items:start;border:1px solid #ccc;padding:18px;margin:12px 0;cursor:pointer;background:white}.option:has(input:checked){border:2px solid #333;padding:17px;background:#eee}.option input{margin-top:8px;accent-color:#222}.quiz progress{width:100%;height:5px;accent-color:#222}.quiz .error{color:#9c2626}.quiet{background:transparent;border:1px solid #aaa;padding:12px 20px;cursor:pointer}.result-box{background:#eee;padding:24px;margin:24px 0}[hidden]{display:none!important}@media(max-width:1000px){header{flex-wrap:wrap;gap:16px}nav{order:3;flex-basis:100%;justify-content:start}header>.button{margin-left:auto}.hero{gap:30px;padding:45px 6%}.hero-image{height:420px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 200px}}@media(max-width:650px){header{padding:20px}.brand{font-size:21px}header>.button{font-size:13px;padding:8px 10px;max-width:160px}nav{gap:12px 18px}.hero{display:block;padding:35px 24px}.hero-image{height:280px;margin-top:32px}.hero h1{font-size:36px}.chapter{grid-template-columns:1fr;padding:38px 24px;gap:6px}.chapter>aside{font-size:26px}.article-layout{display:block;padding:32px 24px}.side{position:static;margin-top:40px}.page-heading{padding:36px 24px}footer{grid-template-columns:1fr;padding:32px 24px}h2{font-size:26px}.quiz h1{font-size:28px}}
/* 装修指南：以清晰的文字与留白建立杂志阅读感 */
.journal-heading{padding:72px 8% 56px;background:#182e34;color:#fff}.journal-heading h1{max-width:880px}.journal-heading>p:last-child{max-width:650px;color:#d3dfe0}.journal-list{max-width:1180px;margin:auto;padding:32px 5% 80px}.journal-card{display:flex;gap:32px;padding:42px 0;border-bottom:1px solid #c9d1d3;text-decoration:none;align-items:start}.journal-card h2{margin:12px 0 16px}.journal-card p{max-width:780px}.journal-number{font:42px Georgia,serif;color:#586e74}.article-meta{font-size:14px;color:#5d6b6e}.read-more{font-size:15px;border-bottom:1px solid}.journal-card img{width:26%;height:auto;object-fit:cover}.reading{max-width:850px;margin:auto;padding:60px 28px 90px}.reading h1{font-size:clamp(30px,4vw,46px)}.article-summary{font-size:20px;padding:24px;border-left:3px solid #23424b;background:#edf2f3}.reading-body{font-size:18px;line-height:2}.reading-body p{white-space:pre-line}.reading-body h2{font-size:28px;margin-top:48px}.reading img{width:100%;height:auto}.reading figure{margin:30px 0}.reading-footer{border-top:1px solid #bcc9cc;margin:55px 0 30px;padding:25px 0}.reading-footer strong{font-size:24px}figcaption{font-size:14px;color:#666}@media(max-width:650px){.journal-heading{padding:36px 24px}.journal-card{gap:16px;flex-wrap:wrap}.journal-number{font-size:28px}.journal-card img{width:100%}.reading{padding:32px 24px}.journal-card h2{font-size:25px}}