:root{--color-primary:#2d3436;--color-primary-dark:#1a1c1d;--color-primary-light:#f0f0f0;--color-accent:#c44569;--color-accent-light:#fef5f7;--color-text:#2d3436;--color-text-soft:#636e72;--color-text-mute:#b2bec3;--color-bg:#fafafa;--color-bg-soft:#f5f5f5;--color-bg-card:#ffffff;--color-bg-page:#fafafa;--color-border:#dfe6e9;--color-line:#cfd5d8;--radius:2px;--radius-sm:0;--radius-lg:4px;--shadow:0 1px 3px rgba(0,0,0,.06);--shadow-lg:0 4px 12px rgba(0,0,0,.08);--maxw:1140px;--font-sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',-apple-system,sans-serif;--font-serif:'Noto Sans SC','PingFang SC','Microsoft YaHei',-apple-system,sans-serif;--font-mono:Menlo,Consolas,monospace}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg-page);color:var(--color-text);font-family:var(--font-serif);font-size:16px;line-height:1.8}a{color:var(--color-text);text-decoration:none;transition:all .3s}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-sans);font-weight:300;line-height:1.3;margin:0 0 .6em;letter-spacing:-.01em}h1{font-size:clamp(28px,4vw,48px);font-weight:200}h2{font-size:clamp(22px,3vw,34px);font-weight:300}h3{font-size:clamp(16px,2vw,20px);font-weight:400}p{margin:0 0 1em;color:var(--color-text-soft)}dt{font-weight:400;color:var(--color-text);margin-top:.7em;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em}blockquote{margin:2em 0;padding:1.5em 2em;border-left:2px solid var(--color-accent);background:var(--color-bg-soft);border-radius:0;font-weight:300}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-text);color:var(--color-bg);padding:10px 16px;z-index:9999}.skip-link:focus{left:0}
.hk-header{max-width:var(--maxw);margin:0 auto;padding:24px 32px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;border-bottom:1px solid var(--color-line)}.hk-logo img{height:36px}.hk-header nav{display:flex;gap:28px;flex:1;min-width:0;justify-content:center;flex-wrap:wrap}.hk-header nav a{color:var(--color-text-soft);font-weight:400;font-size:13px;padding:4px 0;text-transform:uppercase;letter-spacing:.08em;border-bottom:none}.hk-header nav a:hover{color:var(--color-text)}.hk-header .note{font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);letter-spacing:.12em}.nav-toggle{display:none}@media(max-width:768px){.nav-toggle{display:block}.hk-header nav{display:none}.hk-header.is-open nav{display:flex}}
.hk-footer{background:var(--color-primary-dark);color:var(--color-bg);padding:60px 32px 36px;margin-top:80px}.hk-footer>div{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px}@media(max-width:768px){.hk-footer>div{grid-template-columns:1fr 1fr}}.hk-footer img{height:32px;filter:brightness(0)invert(1);margin-bottom:12px}.hk-footer p{color:rgba(255,255,255,.7);font-size:13px}.hk-footer b{font-family:var(--font-mono);font-size:10px;color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:block}.hk-footer a{display:block;color:rgba(255,255,255,.65);font-size:13px;padding:3px 0;border-bottom:none}.hk-footer a:hover{color:#fff}.hk-footer small{display:block;max-width:var(--maxw);text-align:center;margin:40px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);font-size:11px}
#back-to-top{position:fixed;right:28px;bottom:28px;width:40px;height:40px;background:var(--color-text);color:var(--color-bg);border:none;cursor:pointer;font-size:16px;opacity:0;visibility:hidden;transition:all .4s;z-index:900}#back-to-top.show{opacity:1;visibility:visible}
.hero{max-width:var(--maxw);margin:0 auto;padding:60px 32px 80px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:40px 24px 50px}}.hero-copy .pin{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--color-text-mute);padding:4px 10px;margin-bottom:20px;border:1px solid var(--color-border);text-transform:uppercase}.hero-copy h1 em{color:var(--color-accent);font-style:normal}.hero-actions{display:flex;gap:16px;margin-top:28px}.hero-actions a{display:inline-flex;padding:14px 28px;font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase;transition:all .3s;border-bottom:none}.hero-actions a:first-child{background:var(--color-text);color:var(--color-bg)}.hero-actions a:first-child:hover{background:var(--color-accent)}.hero-actions a:last-child{background:transparent;color:var(--color-text);border:1px solid var(--color-text)}.hero-metrics{display:flex;gap:40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--color-line)}.hero-metrics b{font-size:36px;font-weight:200;color:var(--color-text)}.hero-metrics span{font-size:11px;color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono)}.hero-visual{display:flex;justify-content:center;align-items:center;min-height:380px}.hk-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);padding:32px;box-shadow:var(--shadow-lg);min-width:280px;max-width:360px}.hk-card img{margin-bottom:16px}.hk-stamp{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:10px;font-weight:400;color:var(--color-bg);background:var(--color-text);padding:3px 8px}.hk-card .sticky{margin-top:16px;padding:12px 16px;background:var(--color-bg-soft);border-left:2px solid var(--color-accent)}.data-tag{position:absolute;background:var(--color-bg-card);border:1px solid var(--color-border);padding:8px 12px}.data-tag small{font-size:9px;color:var(--color-text-mute);font-family:var(--font-mono);display:block}.data-tag.t1{top:24px;left:-12px}.data-tag.t2{bottom:24px;right:-12px}.ticker{background:var(--color-text);color:var(--color-bg);text-align:center;padding:16px 24px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.ticker i{color:var(--color-accent)}.section-head{max-width:var(--maxw);margin:0 auto;padding:60px 32px 28px;text-align:center}.section-head span{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-text-mute);margin-bottom:16px;text-transform:uppercase}.species{max-width:var(--maxw);margin:0 auto;padding:20px 32px}.species-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.species-grid article{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:28px;transition:all .3s;position:relative;overflow:hidden}.species-grid article:hover{box-shadow:var(--shadow-lg);border-color:var(--color-text)}.card-no{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:14px;letter-spacing:.1em}.species-grid ul li::marker{color:var(--color-accent)}.housing{max-width:var(--maxw);margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;background:var(--color-bg-soft);margin-top:40px}@media(max-width:900px){.housing{grid-template-columns:1fr}}.housing-copy span{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px}.housing img{border-radius:var(--radius)}.feeding{max-width:var(--maxw);margin:40px auto 0;padding:0 32px}.feeding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.feeding-grid article{background:var(--color-bg-card);border-left:2px solid var(--color-text);padding:22px;border-radius:0}.feeding-grid article span{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:10px}.gear{max-width:var(--maxw);margin:40px auto 0;padding:0 32px}.gear-board{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;background:var(--color-bg-card);padding:32px;border:1px solid var(--color-border)}@media(max-width:900px){.gear-board{grid-template-columns:1fr}}.gear-image{position:relative}.gear-image b{position:absolute;background:var(--color-accent);color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px}.gear-image b:nth-of-type(1){top:16px;left:16px}.gear-image b:nth-of-type(2){top:50%;right:24px}.gear-image b:nth-of-type(3){bottom:20px;left:50%}.gear-steps{display:flex;flex-direction:column;gap:16px}.gear-steps article{display:flex;gap:14px;align-items:flex-start;min-width:0;flex:1}.gear-steps b{display:inline-flex;width:28px;height:28px;background:var(--color-text);color:var(--color-bg);align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;flex-shrink:0}.gear-steps div{min-width:0;flex:1}.breeding{max-width:var(--maxw);margin:40px auto 0;padding:48px 32px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:var(--color-bg-soft)}@media(max-width:900px){.breeding{grid-template-columns:1fr}}.breeding span{display:inline-block;font-family:var(--font-mono);font-size:11px;color:var(--color-text-mute);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--color-line);padding:5px 12px;margin-bottom:16px}.breeding ul li::marker{color:var(--color-accent)}.care{max-width:var(--maxw);margin:40px auto 0;padding:0 32px}.care-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.care-grid article{background:var(--color-bg-card);padding:22px;border:1px solid var(--color-border)}.care-grid article:hover{border-color:var(--color-text)}.care-grid article span{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:10px}.starter{max-width:var(--maxw);margin:40px auto 0;padding:0 32px}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.starter-grid article{background:var(--color-bg-card);padding:22px;border:1px solid var(--color-border)}.starter-grid article span{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:10px}.closing{max-width:var(--maxw);margin:60px auto 0;padding:60px 32px;text-align:center;background:var(--color-primary-dark);color:var(--color-bg)}.closing span{font-family:var(--font-mono);font-size:11px;color:var(--color-accent);letter-spacing:.15em}.closing h2{color:var(--color-bg);font-weight:200}.closing div{display:flex;justify-content:center;gap:20px}.closing b{padding:10px 20px;border:1px solid rgba(255,255,255,.25);font-family:var(--font-mono);font-size:11px;color:var(--color-bg);text-transform:uppercase;font-weight:400;letter-spacing:.08em}.crumbs{max-width:var(--maxw);margin:0 auto;padding:20px 32px 0;font-size:12px;color:var(--color-text-mute);font-family:var(--font-mono)}.crumbs a{color:var(--color-text-soft)}.list-cover,.img-cover,.prod-cover,.cat-cover,.contact-cover,.search-cover{max-width:var(--maxw);margin:0 auto;padding:36px 32px;display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:start}@media(max-width:900px){.list-cover,.img-cover,.prod-cover,.cat-cover,.contact-cover,.search-cover{grid-template-columns:1fr}}.list-head .tag,.img-head .tag,.prod-head .tag,.cat-head .tag,.article-head .tag{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}.list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.list-item{background:var(--color-bg-card);padding:22px;border:1px solid var(--color-border);transition:all .3s;min-width:0}.list-item:hover{border-color:var(--color-text)}.list-item .num{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:10px}.list-item a{display:inline-block;margin-top:10px;font-size:11px;color:var(--color-accent);text-transform:uppercase;border-bottom:1px solid var(--color-accent);font-family:var(--font-mono);letter-spacing:.06em}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.img-item{background:var(--color-bg-card);padding:12px;border:1px solid var(--color-border);transition:all .3s;min-width:0}.img-item:hover{border-color:var(--color-text)}.img-item img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px}.img-item figcaption{font-size:11px;color:var(--color-text-mute);font-family:var(--font-mono)}.img-item a{font-size:11px;color:var(--color-accent);text-transform:uppercase;border-bottom:1px solid currentColor;font-family:var(--font-mono)}.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.prod-item{background:var(--color-bg-card);padding:18px;border:1px solid var(--color-border);transition:all .3s;min-width:0}.prod-item:hover{border-color:var(--color-text)}.prod-item img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:10px}.prod-item figcaption{text-align:center;font-size:11px;color:var(--color-text-mute);font-family:var(--font-mono)}.prod-item ul li::marker{color:var(--color-accent)}.prod-item a{display:block;text-align:center;margin-top:8px;font-size:11px;color:var(--color-accent);text-transform:uppercase;border-top:1px solid var(--color-border);padding-top:10px;font-family:var(--font-mono)}.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cat-grid article{background:var(--color-bg-card);padding:24px;border:1px solid var(--color-border);transition:all .3s}.cat-grid article:hover{border-color:var(--color-text)}.cat-grid article span{display:inline-flex;width:32px;height:32px;background:var(--color-text);color:var(--color-bg);align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;margin-bottom:14px}.cat-grid a{font-size:11px;color:var(--color-accent);text-transform:uppercase;border-bottom:1px solid var(--color-accent);font-family:var(--font-mono)}.article-detail{background:var(--color-bg-card);padding:40px;border:1px solid var(--color-border)}@media(max-width:768px){.article-detail{padding:24px}}.article-head{padding-bottom:20px;border-bottom:1px solid var(--color-line);margin-bottom:24px}.article-cover img{width:100%;max-height:400px;object-fit:cover}.article-summary{background:var(--color-bg-soft);padding:20px 24px;border-left:2px solid var(--color-text);margin:24px 0}.article-detail h2{font-weight:300;font-size:20px;margin-top:32px;padding-bottom:8px;border-bottom:1px solid var(--color-line)}.page-detail{background:var(--color-bg-card);padding:40px;border:1px solid var(--color-border)}.contact-form{display:flex;flex-direction:column;gap:14px;background:var(--color-bg-card);padding:24px;border:1px solid var(--color-border)}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-family:var(--font-mono);font-size:11px;color:var(--color-text);text-transform:uppercase;letter-spacing:.06em}.form-row input,.form-row textarea{padding:12px 14px;border:1px solid var(--color-border);font-size:14px;background:var(--color-bg)}.form-row button{padding:14px 28px;background:var(--color-text);color:var(--color-bg);border:none;font-weight:400;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;align-self:flex-start}.search-form{display:flex;gap:10px;margin:20px 0;background:var(--color-bg-card);padding:12px;border:1px solid var(--color-border)}.search-form input{flex:1;min-width:0;padding:10px 14px;border:1px solid var(--color-border);font-size:14px;background:var(--color-bg)}.search-form button{padding:10px 20px;background:var(--color-text);color:var(--color-bg);border:none;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.search-item{background:var(--color-bg-card);padding:18px;border-left:2px solid var(--color-text);min-width:0}.search-item .tag{display:inline-block;font-family:var(--font-mono);font-size:10px;color:var(--color-text-mute);margin-bottom:6px}.page-aside{position:sticky;top:80px}.aside-card{background:var(--color-bg-card);padding:20px;border:1px solid var(--color-border);margin-bottom:14px}.aside-card b{display:block;font-family:var(--font-mono);font-size:10px;color:var(--color-text);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--color-line);padding-bottom:10px;margin-bottom:12px;font-weight:400}.aside-card a{display:block;padding:5px 0;font-size:13px;color:var(--color-text-soft);border-bottom:1px solid var(--color-bg-soft)}.aside-card a:hover{color:var(--color-text)}@media(max-width:900px){.page-aside{position:static}}
/* Anti-overflow */
.hero>*,.housing>*,.breeding>*,.gear-board>*,.list-cover>*,.img-cover>*,.prod-cover>*,.cat-cover>*,.contact-cover>*,.search-cover>*,.feeding-grid>*,.species-grid>*,.care-grid>*,.starter-grid>*{min-width:0}
.gear-image img,.housing img,.breeding img,.hero-visual img,.article-cover img{max-width:100%;height:auto}
/* === 家居装饰品大全 补充 === */
.site-logo-text{display:inline-block;font-size:20px;font-weight:400;color:var(--color-text);font-family:var(--font-sans);letter-spacing:-.01em;line-height:1.3}
.hk-footer .site-logo-text{color:var(--color-bg);font-size:18px;display:block;margin-bottom:10px}
.hk-dropwrap{position:relative;display:inline-flex}
.hk-drop{display:none;position:absolute;top:100%;left:0;z-index:1000;min-width:180px;background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:8px 0}
.hk-dropwrap:hover .hk-drop{display:block}
.hk-drop a{display:block;padding:8px 18px;font-size:13px;color:var(--color-text-soft);white-space:nowrap}
.hk-drop a:hover{color:var(--color-accent)}
.hk-footer .hk-foot-inner{max-width:var(--maxw);margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:30px}
.hk-footer .hk-foot-inner>div{flex:1 1 180px;min-width:170px}
.hk-footer .hk-foot-brand{flex:1.5 1 240px}
#back-to-top{display:flex;align-items:center;justify-content:center;line-height:1;padding:0;border:none}
#back-to-top.show{display:flex!important}
@media(max-width:768px){.hk-footer .hk-foot-inner{flex-direction:column;gap:20px}}
@media(max-width:768px){.hk-drop{position:static;box-shadow:none;border:none;padding:0 0 0 16px}}
.pagination-box{text-align:center;margin-top:30px}
.pagination-box a,.pagination-box b,.pagination-box span{display:inline-block;min-width:36px;height:36px;line-height:34px;padding:0 10px;border:1px solid var(--color-border);background:var(--color-bg-card);text-align:center;font-size:13px;color:var(--color-text);margin:0 2px}
.pagination-box a:hover{border-color:var(--color-accent);color:var(--color-accent)}
.pagination-box b{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}