:root{--paper:#f2ede3;--ink:#111a22;--muted:#667078;--line:rgba(17,26,34,.2);--red:#a23535;--blue:#315ae8;--white:#fffdf8;--shadow:10px 10px 0 rgba(17,26,34,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit}.cn-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:0 clamp(22px,5vw,84px);border-bottom:1px solid var(--line);background:rgba(242,237,227,.96);backdrop-filter:blur(16px)}.cn-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.cn-brand span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--white);font-family:serif;font-size:20px}.cn-brand strong{font-size:19px;letter-spacing:.08em}.cn-nav nav{display:flex;gap:28px}.cn-nav nav a{padding:27px 0 22px;text-decoration:none;color:var(--muted);font-size:14px;border-bottom:3px solid transparent}.cn-nav nav a:hover,.cn-nav nav a.active{color:var(--ink);border-color:var(--red)}main{width:min(1500px,100%);margin:auto}.cn-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;min-height:560px;padding:clamp(70px,9vw,135px) clamp(22px,5vw,84px) 80px;border-bottom:1px solid var(--line)}.cn-kicker,.cn-section-head p,.cn-method>div p{margin:0 0 28px;color:var(--red);font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.18em}.cn-hero h1{margin:0;font-family:"STSong","SimSun",serif;font-size:clamp(72px,10vw,150px);font-weight:500;line-height:.88;letter-spacing:-.08em}.cn-hero-copy{max-width:520px;padding-bottom:12px}.cn-hero-copy p{font-size:18px;line-height:1.9}.cn-hero-copy a{display:inline-block;margin-top:22px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px;font-weight:700}.cn-stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.cn-stats div{padding:38px clamp(22px,3.5vw,54px);border-right:1px solid var(--line)}.cn-stats div:last-child{border:0}.cn-stats strong,.cn-stats span{display:block}.cn-stats strong{font:500 clamp(32px,4vw,60px)/1 ui-monospace,monospace}.cn-stats span{margin-top:12px;color:var(--muted);font-size:13px}.cn-catalog{padding:96px clamp(22px,5vw,84px)}.cn-section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.cn-section-head h2,.cn-method h2{margin:0;font-family:"STSong","SimSun",serif;font-size:clamp(46px,6vw,82px);font-weight:500;letter-spacing:-.06em}.cn-section-head>span{color:var(--muted);font-size:14px}.cn-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);border:1px solid var(--ink);background:var(--white);margin-bottom:42px}.cn-filters label{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-right:1px solid var(--line)}.cn-filters label:last-child{border:0}.cn-filters label>span{color:var(--muted);font-size:11px;letter-spacing:.1em}.cn-filters input,.cn-filters select{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:600 15px/1.3 inherit}.cn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cn-card{display:flex;flex-direction:column;min-height:330px;padding:25px;border:1px solid var(--ink);background:rgba(255,253,248,.72);box-shadow:0 0 0 transparent;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.cn-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow);background:var(--white)}.cn-card-head{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.08em}.cn-card-brand{margin:42px 0 8px;color:var(--red);font-size:13px}.cn-card h3{margin:0;font:500 33px/1.15 "STSong","SimSun",serif;letter-spacing:-.04em}.cn-card-facts{display:grid;grid-template-columns:1fr 1fr;margin:auto 0 25px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.cn-card-facts div{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cn-card-facts span,.cn-card-facts strong{display:block}.cn-card-facts span{font-size:10px;color:var(--muted)}.cn-card-facts strong{margin-top:5px;font-size:14px}.cn-card button{width:100%;padding:13px;border:0;background:var(--ink);color:var(--white);font-weight:700;cursor:pointer}.cn-empty{grid-column:1/-1;padding:80px;border:1px solid var(--line);text-align:center;color:var(--muted)}.cn-pagination{display:flex;justify-content:center;gap:6px;margin-top:44px}.cn-pagination button{min-width:42px;height:42px;border:1px solid var(--line);background:transparent;cursor:pointer}.cn-pagination button.active{background:var(--ink);color:var(--white)}.cn-pagination button:disabled{opacity:.35}.cn-method{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:100px clamp(22px,5vw,84px);border-top:1px solid var(--line)}.cn-method ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.cn-method li{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:25px 0;border-bottom:1px solid var(--line)}.cn-method li span{color:var(--muted);line-height:1.75}footer{padding:70px clamp(22px,5vw,84px);background:var(--ink);color:var(--white)}footer p{max-width:900px;color:#b8c0c6;line-height:1.8}footer div{display:flex;gap:22px;margin:30px 0}footer small{color:#87919a}.cn-dialog{width:min(1040px,calc(100% - 32px));max-height:88vh;padding:0;border:1px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:18px 18px 0 rgba(17,26,34,.22)}.cn-dialog::backdrop{background:rgba(17,26,34,.68);backdrop-filter:blur(6px)}.cn-dialog-close{position:sticky;top:14px;z-index:2;float:right;margin:14px 14px 0 0;width:42px;height:42px;border:1px solid var(--ink);background:var(--white);font-size:25px;cursor:pointer}.cn-dialog-body{padding:58px}.cn-dialog-body>p:first-child{color:var(--red);font:700 11px ui-monospace,monospace;letter-spacing:.13em}.cn-dialog-body h2{margin:15px 0 7px;font:500 clamp(42px,6vw,76px)/1 "STSong","SimSun",serif}.cn-dialog-sub{color:var(--muted)}.cn-records{margin-top:40px}.cn-record{padding:24px 0;border-top:1px solid var(--line)}.cn-record-title{display:flex;justify-content:space-between;gap:20px}.cn-record-title h3{margin:0;font-size:18px}.cn-record-title code{color:var(--red)}.cn-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line)}.cn-record-grid div{padding:13px;background:var(--white)}.cn-record-grid span,.cn-record-grid strong{display:block}.cn-record-grid span{color:var(--muted);font-size:10px}.cn-record-grid strong{margin-top:5px;font-size:13px;overflow-wrap:anywhere}.cn-record a{display:inline-block;margin-top:14px;font-size:13px;font-weight:700}.cn-loading{opacity:.65}
@media(max-width:900px){.cn-nav nav a:nth-last-child(-n+2){display:none}.cn-hero{grid-template-columns:1fr;min-height:auto}.cn-stats{grid-template-columns:repeat(2,1fr)}.cn-stats div:nth-child(2){border-right:0}.cn-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cn-filters{grid-template-columns:1fr 1fr}.cn-filters label:nth-child(2){border-right:0}.cn-filters label:nth-child(-n+2){border-bottom:1px solid var(--line)}.cn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cn-method{grid-template-columns:1fr}.cn-record-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.cn-nav{padding:0 17px}.cn-nav nav{gap:16px}.cn-nav nav a{font-size:12px}.cn-nav nav a:first-child{display:none}.cn-hero{padding:62px 18px}.cn-hero h1{font-size:72px;line-height:.95}.cn-hero-copy p{font-size:16px}.cn-stats strong{font-size:30px}.cn-stats div{padding:25px 18px}.cn-catalog,.cn-method{padding:70px 18px}.cn-section-head{align-items:start;flex-direction:column}.cn-section-head h2,.cn-method h2{font-size:52px}.cn-filters{grid-template-columns:1fr}.cn-filters label{border-right:0;border-bottom:1px solid var(--line)}.cn-filters label:last-child{border-bottom:0}.cn-grid{grid-template-columns:1fr}.cn-card{min-height:310px}.cn-method li{grid-template-columns:1fr;gap:8px}.cn-dialog{width:calc(100% - 18px);max-height:92vh}.cn-dialog-body{padding:54px 18px 30px}.cn-record-title{display:block}.cn-record-title code{display:block;margin-top:7px}.cn-record-grid{grid-template-columns:1fr 1fr}footer{padding:55px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}