@charset "UTF-8";
:root{--bg:#f8f7f3;--ink:#272a28;--muted:#74776f;--orange:#e97743;--border:#e5e5dc;--green:#edf0e6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}::selection{background:#ffd6bb}.container{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.header{max-width:1244px;height:94px;padding:0 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;white-space:nowrap}.brand-logo{display:block;width:190px;height:auto;max-height:52px;object-fit:contain;object-position:left center}.header nav{display:flex;gap:34px;font-size:14px;color:#666b61}.header nav a:hover,.text-link:hover{color:var(--orange)}.header-contact{font-size:13px;border:1px solid #d2d5ca;border-radius:7px;padding:11px 16px}.header-contact span{margin-left:18px}.hero{min-height:610px;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;gap:24px;padding-top:60px;padding-bottom:65px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:#809578;border-radius:50%}.hero h1{font-size:clamp(40px,4.6vw,60px);line-height:1.35;letter-spacing:-2px;margin:24px 0}.highlight{color:var(--orange);position:relative;display:inline-block}.highlight svg{position:absolute;bottom:-3px;left:0;width:100%;height:12px;fill:none;stroke:var(--orange);stroke-width:3;stroke-linecap:round}.hero-description{font-size:14px;line-height:2;color:var(--muted)}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 21px;border-radius:6px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:#fff}.primary:hover{background:#d56230}.dark{background:#30382d;color:white}.text-link{font-size:13px;font-weight:600}.text-link span{margin-left:12px}.hero-notes{display:flex;gap:23px;font-size:11px;color:#83867d;margin-top:32px}.hero-art{position:relative;height:450px;isolation:isolate}.art-orbit{position:absolute;border:1px solid #e5e5d9;border-radius:50%;z-index:-1}.orbit-one{width:410px;height:410px;top:24px;left:28px}.orbit-two{width:310px;height:310px;top:74px;left:78px}.code-card{position:absolute;top:35px;left:8px;width:330px;background:#28312e;border-radius:11px;transform:rotate(-6deg);box-shadow:0 18px 40px #30382d18;color:#dce8dc;overflow:hidden}.window-bar{height:35px;background:#343d38;display:flex;align-items:center;gap:6px;padding:0 13px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#ed9b81}.window-bar i:nth-child(2){background:#e7ce88}.window-bar i:nth-child(3){background:#99b89b}.window-bar span{font:9px monospace;color:#a8b4aa;margin-left:65px}.code-content{padding:21px;font:12px/1.8 Consolas,monospace}.code-comment{color:#a0afa5}.code-purple{color:#d0b0e9}.code-yellow{color:#efd39d}.code-green{color:#a9d2aa}.art-wallpaper{width:205px;position:absolute;right:2px;top:112px;transform:rotate(9deg);padding:8px;background:white;border-radius:9px;box-shadow:0 18px 45px #30382d23}.art-wallpaper img{height:240px;object-fit:cover;border-radius:4px}.art-wallpaper div{padding:13px 4px 8px;font-size:11px;font-weight:600}.art-wallpaper small{display:block;font-size:7px;letter-spacing:1px;color:#888e84;margin-top:5px}.hardware-chip{position:absolute;left:27px;bottom:35px;display:flex;align-items:center;gap:13px;background:#ebeddf;border:1px solid #dce0cf;padding:20px;border-radius:10px;transform:rotate(-5deg);box-shadow:0 10px 25px #37482c0b}.hardware-chip>span{font-size:35px;color:#667d58;line-height:1}.hardware-chip div{font-size:13px;font-weight:600}.hardware-chip small{display:block;font-size:8px;letter-spacing:1px;color:#808a73;margin-top:6px}.hardware-chip b{font-size:18px;margin-left:16px;font-weight:400}.floating-label{position:absolute;bottom:0;right:2px;font-size:8px;letter-spacing:2px;color:#7b8277}.floating-label span{color:var(--orange);font-size:20px;vertical-align:middle;margin-right:7px}.art-star{position:absolute;color:var(--orange)}.star-one{font-size:57px;right:20px;top:8px}.star-two{font-size:42px;left:-10px;bottom:140px}.service-strip{background:#eeeee6;border-top:1px solid #e7e7dc;border-bottom:1px solid #e7e7dc}.service-strip .container{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:20px;padding-bottom:20px;font-size:12px;color:#73796a}.service-strip b{font-size:12px;font-weight:400;color:#9caa8d;margin:0 25px}.section{padding-top:82px;padding-bottom:75px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px}.muted{font-size:10px;color:#939987;letter-spacing:2px;margin-bottom:14px}h2{font-size:30px;line-height:1.4;letter-spacing:-1px}.orange{color:var(--orange)}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.development-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.dev-card{position:relative;border:1px solid var(--border);background:#fcfcf9;padding:27px;border-radius:10px;transition:transform .2s,border-color .2s}.dev-card:hover{transform:translateY(-4px);border-color:#c8ccba}.service-icon{width:44px;height:44px;display:grid;place-items:center;font-size:22px;border-radius:10px;margin-bottom:25px}.orange-bg{background:#fcebdc;color:#c9774e}.purple-bg{background:#eee9f4;color:#9383ad;font:15px monospace}.green-bg{background:#e8eedf;color:#7d936c}.card-number{position:absolute;right:25px;top:30px;font:11px monospace;color:#a2a698}h3{font-size:17px;font-weight:650}.dev-card p{font-size:12px;line-height:1.95;color:var(--muted);margin:13px 0 23px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;background:#f1f2ec;border-radius:4px;padding:5px 7px;color:#747b6b}.process-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px;font-size:11px;color:#777d70}.process-line b{font:10px monospace;color:#9ca58e;margin-right:7px}.process-line i{font-style:normal;color:#b8bead}.process-line a{color:#a76640;margin-left:22px}.wallpaper-section{background:#efefe7}.wallpaper-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-10px 0 25px}.wallpaper-toolbar p{font-size:12px;color:var(--muted)}.filter-group{display:flex;gap:5px;flex-shrink:0}.filter{border:0;background:transparent;color:#777c70;font-size:11px;padding:8px 13px;border-radius:5px}.filter.active{background:#353d31;color:#fff}.wallpaper-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wallpaper-card[hidden]{display:none}.wallpaper-image{height:290px;position:relative;overflow:hidden;border-radius:9px}.wallpaper-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.wallpaper-card:hover img{transform:scale(1.04)}.image-label{position:absolute;left:13px;top:13px;background:#ffffffd9;color:#51584d;border-radius:4px;font-size:9px;padding:5px 8px}.wallpaper-info{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.wallpaper-info h3{font-size:15px}.wallpaper-info p{font-size:10px;color:#858a7a;margin-top:7px}.wallpaper-info a{width:33px;height:33px;border:1px solid #d4d8c9;border-radius:50%;display:grid;place-items:center}.wallpaper-info a:hover{background:#fff}.section-note{font-size:10px;color:#73796b;line-height:1.8;margin-top:25px}.hardware-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:25px}.hardware-intro{position:relative;background:#e9eddf;border-radius:9px;padding:31px;overflow:hidden}.small-label{font-size:10px;color:#77866a}.hardware-intro h3{font-size:28px;line-height:1.5;margin:15px 0}.hardware-intro p{font-size:12px;line-height:1.9;color:#79836f;margin-bottom:22px}.hardware-intro .button{position:relative;z-index:1;padding:13px 17px;font-size:11px}.hardware-decoration{position:absolute;right:8px;bottom:12px;font-size:150px;color:#d8dfca;transform:rotate(-20deg);line-height:1}.hardware-categories{display:flex;flex-direction:column;gap:13px}.hardware-categories article{display:flex;align-items:center;gap:19px;border:1px solid var(--border);padding:24px 22px;flex:1;border-radius:9px;background:#fcfcf9}.part-icon{font-size:33px;color:#879575;background:#eef0e7;width:58px;height:58px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.hardware-categories h3{font-size:14px}.hardware-categories p{font-size:10px;color:#868b7d;margin-top:8px}.availability{margin-left:auto;font-size:9px;white-space:nowrap;color:#838b76;border:1px solid #e0e4d6;padding:5px 7px;border-radius:4px}.contact-section{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;background:#f3e8db;border:1px solid #eadfce;border-radius:12px;padding-top:44px;padding-bottom:44px;margin-top:5px;margin-bottom:62px;max-width:1116px}.contact-copy{position:relative;padding-left:12px}.contact-copy .eyebrow{font-size:9px;color:#a97d5e}.contact-copy h2{font-size:40px;line-height:1.35;margin:20px 0 14px}.contact-copy h2 span{color:var(--orange)}.contact-copy p{font-size:12px;line-height:1.9;color:#947f6e}.contact-flower{position:absolute;right:12px;bottom:0;font-size:100px;color:#dea27c;line-height:1}.contact-details{padding-top:4px}.contact-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 23px;border-bottom:1px solid #e2d3c3}.contact-label{font-size:11px;color:#927b68;display:block;margin-bottom:10px}.contact-item strong,.phone{display:block;font-size:26px;letter-spacing:.5px;font-weight:600}.contact-item small{display:block;font-size:10px;color:#927b68;margin-top:8px}.copy-button{background:#fffaf2;color:#78604c;border:1px solid #e4d2bd;border-radius:5px;padding:11px 13px;font-size:11px;white-space:nowrap}.copy-button:hover{background:white}.copy-button span{margin-left:8px}.call-button{display:grid;place-items:center;border:1px solid #d4bca5;width:36px;height:36px;border-radius:50%;flex-shrink:0}.contact-tip{font-size:10px;line-height:1.9;color:#927b68;margin-top:16px}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:26px;padding-bottom:32px;border-top:1px solid var(--border)}.footer .brand-logo{width:150px;max-height:40px}.footer>span,.footer small{font-size:10px;color:#8c9183}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);background:#30382d;color:#fff;padding:12px 20px;border-radius:7px;font-size:13px;box-shadow:0 8px 25px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%,0)}.skip-link{position:absolute;top:-80px;left:20px;z-index:20;background:white;padding:12px}.skip-link:focus{top:10px}
@media(min-width:1400px){.hero{min-height:650px}.hero-art{transform:scale(1.04)}}@media(max-width:1000px){.hero h1{font-size:44px}.hero-art{transform:scale(.85);transform-origin:center right;margin-left:-35px}.hero{gap:0}.contact-section{margin-left:32px;margin-right:32px;gap:35px}.availability{display:none}.service-strip b{margin:0 12px}.dev-card{padding:22px}.hardware-categories article{padding:20px 16px;gap:14px}.process-line a{margin-left:0}.hero-description{font-size:12px}.desktop-break{display:none}.header nav{gap:20px}.wallpaper-image{height:250px}}
@media(max-width:760px){.container{padding-left:22px;padding-right:22px}.header{height:auto;min-height:78px;padding:20px 22px;flex-wrap:wrap;gap:17px}.brand-logo{width:170px;max-height:48px}.header nav{order:3;width:100%;justify-content:center;padding-top:15px;border-top:1px solid var(--border);gap:38px;font-size:12px}.header-contact{font-size:10px;padding:9px 11px}.header-contact span{margin-left:5px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:25px;overflow:hidden}.hero h1{font-size:46px}.hero-description{font-size:13px}.hero-art{width:450px;max-width:100%;margin:20px auto 0;transform:scale(.9);transform-origin:center center;height:430px}.code-card{width:300px}.art-wallpaper{width:185px}.art-wallpaper img{height:220px}.hero-notes{gap:20px}.service-strip .container{flex-direction:column;gap:12px;text-align:center;font-size:10px}.section{padding-top:52px;padding-bottom:48px}.section-heading{display:block;margin-bottom:25px}.section-heading>p,.section-heading>.text-link{display:block;margin-top:18px}h2{font-size:26px}.development-grid{grid-template-columns:1fr}.dev-card{padding:25px}.service-icon{margin-bottom:20px}.dev-card p{font-size:13px}.process-line{display:grid;grid-template-columns:1fr 1fr;row-gap:18px;font-size:11px}.process-line i{display:none}.process-line a{margin-top:3px}.wallpaper-toolbar{align-items:flex-start;flex-direction:column;gap:15px;margin-top:0}.wallpaper-toolbar p{line-height:1.8;font-size:11px}.wallpaper-grid{grid-template-columns:1fr;gap:28px}.wallpaper-image{height:330px}.wallpaper-info h3{font-size:17px}.wallpaper-info p{font-size:12px}.hardware-grid{grid-template-columns:1fr;gap:16px}.hardware-intro{padding:28px}.hardware-categories article{padding:20px}.availability{display:block}.contact-section{grid-template-columns:1fr;margin:0 22px 40px;gap:20px;padding:28px 24px}.contact-copy{padding:0}.contact-copy h2{font-size:36px}.contact-flower{right:4px;bottom:10px}.contact-item strong,.phone{font-size:23px}.copy-button{padding:10px;font-size:10px}.contact-item small{font-size:9px}.footer{flex-wrap:wrap;gap:20px;margin:0 22px;padding-left:0;padding-right:0}.footer>span{display:none}.footer small{font-size:9px}.orbit-one{width:330px;height:330px;left:15px;top:60px}.orbit-two{width:230px;height:230px;left:65px;top:110px}}
@media(max-width:370px){.header .brand{font-size:15px}.header .brand img{width:30px}.header-contact{font-size:9px}.hero h1{font-size:40px}.hero-art{transform:scale(.82);width:360px;max-width:none;margin-left:-32px}.availability{display:none}.contact-section{padding:25px 16px}.contact-item strong,.phone{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}