.nnf-inner-hero{padding:72px 0 80px;background:linear-gradient(180deg,rgba(255,241,198,.74),rgba(200,149,47,.3)),url(/templates/niannianfeng/field-bg.svg) center 58% /cover no-repeat;text-align:center;position:relative;overflow:hidden}.nnf-inner-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:44px;background:linear-gradient(176deg,transparent 48%,#fbf3df 49%)}.nnf-inner-hero .hero-pre-title{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:#a06b28}.nnf-inner-hero .hero-pre-title:after,.nnf-inner-hero .hero-pre-title:before{content:"";display:block;width:36px;height:1px;background:linear-gradient(90deg,transparent,#c8913c,transparent)}.nnf-inner-hero h1{margin:0 0 14px;font-size:38px;color:#2c1a08;letter-spacing:5px;font-weight:800;line-height:1.3;text-shadow:0 1px 0 rgba(255,246,216,.6)}.nnf-inner-hero .hero-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 16px;width:220px}.nnf-inner-hero .hero-divider:after,.nnf-inner-hero .hero-divider:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(168,120,48,.5),transparent)}.nnf-inner-hero .hero-divider-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#d4a24a,#a06b28);box-shadow:0 0 6px rgba(200,145,60,.4)}.nnf-inner-hero p{margin:0;font-size:15px;color:#7a5a2e;font-weight:400;letter-spacing:1px;line-height:1.6;max-width:520px;margin-inline:auto;font-style:italic;opacity:.85}.pp-body{padding:48px 0 64px;background:#fbf5e8;position:relative}.pp-body:after,.pp-body:before{content:"";position:absolute;bottom:0;width:200px;height:100%;background:url(/templates/niannianfeng/Imagebg.png) bottom/contain no-repeat;opacity:.15;pointer-events:none}.pp-body:before{left:-20px}.pp-body:after{right:-20px;transform:scaleX(-1)}.pp-layout{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start}.pp-sidebar{position:sticky;top:100px}.pp-filter-block{background:#fff;border-radius:12px;border:1px solid hsla(40,53%,67%,.2);box-shadow:0 4px 14px rgba(84,48,12,.05);padding:20px;margin-bottom:20px}.pp-filter-title{margin:0 0 14px;font-size:16px;font-weight:800;color:#4b2d13;padding-bottom:10px;border-bottom:2px solid rgba(199,139,44,.15)}.pp-filter-list{list-style:none;margin:0;padding:0}.pp-filter-list li{padding:10px 12px;font-size:14px;color:#5c3d1f;border-radius:8px;cursor:pointer;transition:background .2s,color .2s;display:flex;align-items:center;gap:8px;position:relative}.pp-filter-list li:hover{background:rgba(199,139,44,.08)}.pp-filter-list li.active{background:rgba(199,139,44,.12);color:#4b2d13;font-weight:700}.pp-icon{color:#c78b2c;font-size:12px}.pp-arrow{margin-left:auto;color:#c78b2c;font-weight:700}.pp-brand-card{position:relative;background:linear-gradient(170deg,#fffef9,#fdf6e3 40%,#f9edd0);border-radius:16px;border:1px solid rgba(200,145,60,.18);box-shadow:0 2px 8px rgba(84,48,12,.06),0 12px 32px rgba(84,48,12,.08);padding:28px 20px 24px;text-align:center;overflow:hidden}.pp-brand-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#d4a24a 30%,#c8913c 50%,#d4a24a 70%,transparent)}.pp-brand-header{margin-bottom:14px}.pp-brand-logo-ring{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#f8ecd0,#fff9ee);border:2px solid rgba(200,145,60,.22);box-shadow:0 0 0 4px rgba(200,145,60,.06),0 4px 16px rgba(84,48,12,.08)}.pp-brand-logo{width:60px;height:auto;display:block}.pp-brand-since{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 12px}.pp-since-line{flex:0 0 28px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,120,44,.4),transparent)}.pp-since-text{font-size:11px;font-weight:500;color:#a07030;letter-spacing:3px;white-space:nowrap}.pp-brand-ornament{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 14px}.pp-brand-ornament span{display:block;border-radius:50%;background:linear-gradient(135deg,#d4a24a,#b8862e)}.pp-brand-ornament span:first-child,.pp-brand-ornament span:nth-child(3){width:3px;height:3px;opacity:.5}.pp-brand-ornament span:nth-child(2){width:5px;height:5px}.pp-brand-slogan{margin:0 0 18px;font-size:13px;font-weight:600;color:#3d2410;line-height:1.8;letter-spacing:.5px}.pp-brand-badges{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}.pp-badge{display:flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;background:linear-gradient(135deg,hsla(0,0%,100%,.85),hsla(44,87%,94%,.6));border:1px solid rgba(200,145,60,.14);transition:border-color .2s,box-shadow .2s}.pp-badge:hover{border-color:rgba(200,145,60,.32);box-shadow:0 2px 8px rgba(200,145,60,.1)}.pp-badge-icon{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#fdf3da,#f5e4b8);font-size:14px;line-height:1}.pp-badge em{font-style:normal;font-size:12px;font-weight:600;color:#5a3a16;letter-spacing:.5px}.pp-brand-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 0;border:0;border-radius:10px;background:linear-gradient(135deg,#c8913c,#a56822);color:#fff;font-size:13px;font-weight:600;letter-spacing:1px;text-decoration:none;box-shadow:0 2px 8px rgba(111,63,17,.16),inset 0 1px 0 hsla(0,0%,100%,.15);transition:transform .2s,box-shadow .2s;cursor:pointer}.pp-brand-link:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(111,63,17,.22),inset 0 1px 0 hsla(0,0%,100%,.15)}.pp-brand-link svg{transition:transform .2s}.pp-brand-link:hover svg{transform:translateX(3px)}.pp-sort-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-radius:10px;border:1px solid hsla(40,53%,67%,.18);box-shadow:0 2px 8px rgba(84,48,12,.04);margin-bottom:24px}.pp-sort-options{display:flex;gap:24px}.pp-sort-options a{text-decoration:none;font-size:14px;color:#7a5530;font-weight:500;padding:4px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;cursor:pointer}.pp-sort-options a:hover{color:#4b2d13}.pp-sort-options a.active{color:#4b2d13;font-weight:700;border-bottom-color:#c78b2c}.pp-total{font-size:13px;color:#96724a}.pp-total b{color:#b71918;font-size:15px}.pp-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pp-card{background:#fff;border-radius:14px;border:1px solid hsla(40,53%,67%,.2);box-shadow:0 4px 16px rgba(84,48,12,.06);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}.pp-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(84,48,12,.12)}.pp-card-link{text-decoration:none;color:inherit;display:block}.pp-card-img{background:#fdfaf2;padding:20px;display:flex;align-items:center;justify-content:center;min-height:180px}.pp-card-img img{max-height:150px;max-width:100%;-o-object-fit:contain;object-fit:contain}.pp-card-placeholder{width:48px;height:48px;color:#c78b2c;opacity:.3}.pp-card-body{padding:16px 18px 8px;flex:1}.pp-card-body h4{margin:0 0 6px;font-size:16px;font-weight:800;color:#25170c}.pp-card-desc{margin:0 0 8px;font-size:13px;color:#5c3d1f;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pp-card-price{font-size:18px;font-weight:900;color:#b71918;margin:0 0 4px}.pp-card-btn{display:block;margin:12px 18px 18px;padding:10px 0;text-align:center;border-radius:999px;background:linear-gradient(180deg,#c8913c,#a56822);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 4px 12px rgba(111,63,17,.16);transition:opacity .2s}.pp-card-btn:hover{opacity:.85}.pp-empty{text-align:center;padding:60px 20px;color:#96724a;font-size:16px}.pp-pagination{gap:8px;margin-top:36px}.pp-page-btn,.pp-pagination{display:flex;align-items:center;justify-content:center}.pp-page-btn{width:36px;height:36px;border-radius:8px;border:1px solid hsla(40,53%,67%,.3);background:#fff;color:#5c3d1f;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.pp-page-btn:hover:not(:disabled){background:rgba(199,139,44,.1);border-color:#c78b2c}.pp-page-btn.active{background:#c78b2c;color:#fff;border-color:#c78b2c}.pp-page-btn:disabled{opacity:.4;cursor:not-allowed}.pp-page-size{margin-left:16px;font-size:13px;color:#7a5530;padding:6px 14px;border:1px solid hsla(40,53%,67%,.3);border-radius:8px;background:#fff}@media (max-width:960px){.pp-layout{grid-template-columns:200px 1fr;gap:24px}.pp-product-grid{grid-template-columns:repeat(2,1fr)}.nnf-inner-hero{padding:48px 0 56px}.nnf-inner-hero h1{font-size:28px;letter-spacing:3px}.nnf-inner-hero .hero-pre-title{font-size:11px;letter-spacing:3px}.nnf-inner-hero p{font-size:14px}}@media (max-width:768px){.pp-layout{grid-template-columns:1fr}.pp-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px}.pp-brand-card{grid-column:1/-1}.pp-product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pp-product-grid,.pp-sidebar{grid-template-columns:1fr}.pp-sort-bar{flex-direction:column;gap:10px;align-items:flex-start}}