:root{--bg:#f2f0e9;--ink:#24332c;--muted:#6d746d;--line:#cbd0c5;--sage:#d8dfce;--accent:#ab4c36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{padding:28px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:600;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}nav{display:flex;gap:30px;font-size:12px}nav a:hover{color:var(--accent)}.hero{padding:24px 5% 50px}.section-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.8px;color:var(--muted);margin-bottom:45px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.hero-word{font-size:clamp(65px,10.3vw,165px);font-weight:700;letter-spacing:-.075em;line-height:.94;padding:10px 0 35px}.hero-word>span{display:block}.hero-word b{color:var(--accent)}.hero-identity{background:var(--sage);position:relative;min-height:300px;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:25px}.hero-identity>small{position:absolute;top:25px;left:25px;font-size:10px;letter-spacing:3px}.hero-plan{position:absolute;inset:60px 35px 85px 50px;transform:skewY(-15deg);border:1px solid #8d9a81;background:repeating-linear-gradient(90deg,transparent 0 34px,#bdc7b4 35px 36px)}.hero-plan i{position:absolute;border:1px solid #66775f;background:#d8dfcecc}.hero-plan i:nth-child(1){width:60%;height:55%;left:10%;top:18%}.hero-plan i:nth-child(2){width:32%;height:70%;right:4%;top:-8%}.hero-plan i:nth-child(3){width:24%;height:35%;left:0;bottom:-5%;background:#9cad91}.identity-bottom{position:relative;display:flex;justify-content:space-between;align-items:end;background:var(--sage);padding-top:15px}.identity-bottom p{margin:0;font-size:12px;line-height:1.8}.identity-bottom p:first-child{font-size:25px}.identity-bottom p span{display:block;font-size:9px;letter-spacing:2px}.hero-caption{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.hero-caption h1{font-size:26px;line-height:1.65;font-weight:400;margin:0}.hero-caption p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 20px}.text-link{font-size:12px;display:inline-flex;border-bottom:1px solid var(--ink);padding:10px 0}.section{padding:65px 5%;border-top:1px solid var(--line)}.profile-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:8%}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.profile-title h2{font-size:70px;line-height:1.1;margin:30px 0 35px}.profile-title h2 span{display:block;margin-left:65px;color:#789077}.profile-name{font-size:20px;line-height:1.8}.profile-name small{font-size:10px;letter-spacing:2px;color:var(--muted)}.education-card{border-top:1px solid var(--line);margin-top:45px;padding-top:22px}.education-card small{font-size:9px;color:var(--muted);letter-spacing:1px}.education-card h3{font-size:20px;font-weight:400;margin:20px 0 12px}.education-card p{font-size:13px;margin:0 0 12px}.education-card time{font-size:11px;color:var(--muted)}.profile-copy>p{font-size:14px;line-height:2.15;color:#5a655b}.profile-copy .profile-lead{font-size:27px;line-height:1.75;margin:0 0 25px;color:var(--ink)}.direction{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.direction small{font-size:10px;color:var(--muted)}.direction p{font-size:17px;line-height:1.8}.competencies article{display:flex;gap:25px;padding:22px 0;border-top:1px solid var(--line)}.competencies article>span{color:var(--accent);font-size:11px;padding-top:4px}.competencies h3{font-size:16px;font-weight:400;margin:0 0 10px}.competencies p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.tools{display:grid;grid-template-columns:1fr 2fr;gap:25px;margin-top:55px;border-top:1px solid var(--line);padding-top:30px}.tools small{font-size:10px;letter-spacing:1px}.tools h3{font-size:23px;font-weight:400;margin:12px 0}.tool-list{display:flex;flex-wrap:wrap;gap:12px}.tool-list>span{border:1px solid #b8c3b1;padding:12px 20px;font-size:20px}.tool-list .ai{background:var(--ink);color:var(--bg)}.practice{background:#e4e8dc}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}h2{font-size:35px;font-weight:400;line-height:1.5;margin:0}.section-heading h2 span{color:#73826e}.button{border:1px solid currentColor;padding:12px 18px;background:transparent;font-size:11px;color:inherit}.button:hover{background:var(--ink);color:var(--bg)}.practice-layout{display:grid;grid-template-columns:1fr 2.6fr;gap:6%;margin-top:45px}.large-number{font-family:Georgia,serif;font-size:100px;line-height:1;color:#98aa8f}.practice aside p{font-size:17px}.practice aside small{font-size:10px;color:var(--muted);line-height:2}.timeline article{border-top:1px solid #bdc9b6;padding:25px 0;display:grid;grid-template-columns:150px 1fr;gap:25px}.timeline time{font-size:11px;padding-top:5px;color:var(--muted)}.timeline h3{font-size:18px;font-weight:400;margin:0 0 10px}.timeline p{font-size:12px;margin:0 0 12px}.timeline span{font-size:12px;line-height:1.9;color:var(--muted)}.section-intro{font-size:12px;color:var(--muted);line-height:2;margin:22px 0 35px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 28px}.project-card:hover .cover-arrow{background:var(--accent);color:white}.project-cover{height:310px;position:relative;overflow:hidden;background:#d7dcce}.cover-index{position:absolute;top:15px;left:20px;font-size:15px;font-family:Georgia,serif}.cover-note{position:absolute;left:20px;bottom:18px;font-size:9px;letter-spacing:1px}.cover-arrow{position:absolute;right:15px;bottom:15px;width:32px;height:32px;border:1px solid #8c9a82;display:grid;place-items:center}.cover-art{position:absolute;inset:55px 65px 50px;transform:skewY(-12deg)}.cover-art i{position:absolute;border:1px solid #95a28b;background:#ffffff18;width:65%;height:65%;left:0;top:0}.cover-art i:nth-child(2){left:22%;top:17%;height:70%}.cover-art i:nth-child(3){left:45%;top:32%;width:35%;height:55%;background:#aebda455}.cover-2{background:#e6dccd}.cover-2 .cover-art{transform:rotate(-18deg)}.cover-2 .cover-art i{border-color:#b3a48f;border-radius:50%;background:#c3b29822}.cover-3{background:#cad3d2}.cover-3 .cover-art{transform:skewY(15deg)}.cover-0{background:#dcd9d0}.cover-0 .cover-art{transform:rotate(12deg)}.project-caption{display:flex;justify-content:space-between;gap:15px;padding-top:18px}.project-caption h3{font-size:17px;font-weight:400;margin:0 0 8px}.project-caption p,.project-caption>span{font-size:10px;color:var(--muted);margin:0}.project-caption>span{padding-top:5px}.all-work{display:flex;justify-content:space-between;font-size:13px;border-top:1px solid var(--line);margin-top:35px;padding:22px 0}.contact{background:#26372e;color:#edf0e6;padding:55px 5% 70px}.contact .section-top{color:#a6b5a0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end}.contact h2{font-size:40px}.contact-layout p{font-size:11px;color:#a6b5a0}.contact-layout a{font-size:24px;border-bottom:1px solid #7f9278;padding-bottom:13px;display:block;margin-bottom:20px}.contact .button:hover{background:#e4e8dc;color:var(--ink)}#copy-status{font-size:11px;margin-left:15px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5%;font-size:9px;letter-spacing:1px;color:var(--muted)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin:0 0 50px}.gallery h1{font-size:65px;font-weight:400;margin:0;line-height:1.2}.gallery h1 span{color:#93a489}.gallery-heading p{font-size:12px;line-height:2}.gallery-heading small{font-size:10px;color:var(--muted)}.gallery .project-cover{height:340px}.pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding:25px 0;gap:20px}.pagination>span{font-size:10px;color:var(--muted)}.pagination>div{display:flex;gap:10px}.pagination a{padding:12px 16px;border:1px solid var(--line)}.pagination [aria-current]{background:var(--ink);color:var(--bg)}.project-detail h1{font-size:45px;font-weight:400}.project-detail h1>span{display:block;font-size:15px;color:var(--muted);margin-top:18px}.detail-cover{height:360px;background:var(--sage);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.detail-cover small{font-size:10px;letter-spacing:3px;color:var(--muted)}.detail-layout{display:grid;grid-template-columns:1fr 2fr;gap:10%;margin-top:50px}.detail-layout h2{font-size:23px}.detail-layout dt{font-size:10px;color:var(--muted);margin:25px 0 10px}.detail-layout dd{margin:0;font-size:13px}.detail-layout article{border-top:1px solid var(--line);padding:25px 0}.detail-layout article>span{font-size:10px;color:var(--muted);letter-spacing:1px}.detail-layout article h2{margin-top:20px}.detail-layout article p{font-size:12px;color:var(--muted);line-height:2}@media(min-width:1600px){header,main,footer{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:15px}.hero-grid{grid-template-columns:1.1fr 1fr;gap:20px}.hero-word{font-size:12vw}.hero-identity{min-height:220px;padding:20px}.hero-plan{inset:45px 20px 80px}.hero-caption{grid-template-columns:1fr 1fr}.hero-caption h1{font-size:23px}.profile-layout{grid-template-columns:1fr 1.5fr;gap:6%}.profile-title h2{font-size:55px}.profile-copy .profile-lead{font-size:22px}.tools{grid-template-columns:1fr}.tool-list>span{font-size:18px}.practice-layout{grid-template-columns:1fr 3fr;gap:30px}.timeline article{grid-template-columns:1fr;gap:12px}.project-cover,.gallery .project-cover{height:260px}.cover-art{inset:45px}.contact h2{font-size:32px}}@media(max-width:600px){header{padding:22px 6%;align-items:start;gap:20px}.brand{font-size:22px}.brand span{font-size:7px;letter-spacing:1px}nav{gap:12px;flex-wrap:wrap;justify-content:end;max-width:190px;font-size:10px}.hero{padding:22px 6% 35px}.section-top{font-size:8px;letter-spacing:1px;margin-bottom:30px}.hero-grid{grid-template-columns:1fr;gap:20px}.hero-word{font-size:24vw;padding:5px 0 10px}.hero-identity{min-height:225px}.hero-plan{inset:45px 45px 80px}.hero-caption{grid-template-columns:1fr;gap:20px;margin-top:25px}.hero-caption h1{font-size:25px}.section{padding:45px 6%}.profile-layout{grid-template-columns:1fr;gap:35px}.profile-title h2{font-size:50px;margin:20px 0}.profile-title h2 span{display:inline;margin-left:0}.profile-name{display:none}.education-card{margin-top:20px}.profile-copy .profile-lead{font-size:23px}.profile-copy>p{font-size:13px}.direction p{font-size:14px}.competencies article{gap:18px}.tool-list{gap:8px}.tool-list>span{padding:10px 14px;font-size:17px}.section-heading{align-items:start;flex-direction:column;gap:18px}h2{font-size:29px}.practice-layout{grid-template-columns:1fr;margin-top:30px}.practice aside{display:flex;align-items:center;gap:20px}.large-number{font-size:60px}.practice aside p{font-size:14px}.practice aside small{margin-left:auto}.timeline h3{font-size:17px}.project-grid{grid-template-columns:1fr;gap:30px}.project-cover,.gallery .project-cover{height:280px}.contact{padding:40px 6%}.contact-layout{grid-template-columns:1fr;gap:30px}.contact h2{font-size:32px}.contact-layout a{font-size:22px}footer{padding:22px 6%;font-size:8px}footer>span:nth-child(2){display:none}.gallery-heading{flex-direction:column;align-items:start;gap:18px;margin-bottom:25px}.gallery h1{font-size:45px}.pagination{align-items:start;flex-direction:column;gap:20px}.detail-layout{grid-template-columns:1fr;gap:25px}.project-detail h1{font-size:32px}.detail-cover{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{body{background:white;color:black}header,.hero,.about,.selected,.contact,footer,.practice button,.practice aside{display:none}.practice{padding:0;background:white;border:0}.practice:before{content:"刘雄峰 | 空间 / 室内 / 展厅设计师 | 1663499394@qq.com";display:block;font-size:18px;margin-bottom:25px}.practice .section-top{margin-bottom:20px}.practice h2{font-size:26px}.practice-layout{display:block;margin-top:20px}.timeline article{break-inside:avoid;padding:16px 0}.timeline span{color:#333}.timeline time{color:#555}.practice:after{content:"教育：武汉纺织大学 / 环境艺术设计 / 2018.09—2022.06";display:block;padding-top:20px;font-size:13px}}