:root{--nk-page-gutter:clamp(24px,4.4vw,88px);--nk-section-gap:clamp(72px,7vw,132px);--nk-grid-gap:clamp(18px,1.7vw,30px);--nk-glass:rgba(255,255,255,.72);--nk-glass-line:rgba(255,255,255,.72);--nk-shadow:0 24px 60px rgba(41,78,99,.10)}
html{scroll-padding-top:104px}.site-header{position:sticky;top:0;z-index:60;background:rgba(250,253,255,.76)!important;border-bottom:1px solid rgba(196,219,232,.55);-webkit-backdrop-filter:saturate(155%) blur(22px);backdrop-filter:saturate(155%) blur(22px)}
.operations,.data-strip,.assurance-section,.shop-section,.gift-center,.service-section,.arrival-guide,.packing-section,.management-platform,.table-guide,.faq-section,.natural-section,.season-map,.story-masonry{padding-left:var(--nk-page-gutter)!important;padding-right:var(--nk-page-gutter)!important}.shop-section,.gift-center,.service-section,.arrival-guide,.packing-section,.story-masonry{padding-top:var(--nk-section-gap)!important;padding-bottom:var(--nk-section-gap)!important}.section-title{margin-bottom:clamp(30px,3vw,52px)}
.product-grid,.assurance-grid,.service-grid,.arrival-grid,.natural-grid,.packing-flow,.management-grid{gap:var(--nk-grid-gap)!important}
.product,.gift-choice-card,.assurance-grid article,.service-grid article,.arrival-grid article,.natural-grid article,.packing-flow article,.management-grid article,.dash-stats article,.dash-panel,.admin-panel,.integration-cards article,.card-row,.product-row{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease,background-color .3s ease;will-change:transform}.product:hover,.gift-choice-card:hover,.assurance-grid article:hover,.service-grid article:hover,.arrival-grid article:hover,.natural-grid article:hover,.packing-flow article:hover,.management-grid article:hover,.dash-stats article:hover,.dash-panel:hover,.integration-cards article:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(38,92,109,.14);border-color:rgba(43,181,148,.42)!important;background-color:rgba(255,255,255,.93)!important}
.product-spec,.product-promises span,.gift-choice-body>small,.order-info>div,.order-record-info>span,.lifecycle-grid article,.source-grid article{border-radius:16px!important;background:linear-gradient(145deg,rgba(238,250,247,.9),rgba(244,249,255,.86))!important;border:1px solid rgba(197,225,217,.7)}
.weather-main,.forecast-card,.work-advice,.form-card,.dash-panel,.admin-panel,.integration-cards article,.order-info,.tracking-card{background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(239,249,255,.66),rgba(255,255,255,.82));background-size:220% 220%;border:1px solid var(--nk-glass-line);box-shadow:var(--nk-shadow);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);animation:nk-liquid-flow 12s ease-in-out infinite}
@keyframes nk-liquid-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.story-masonry{background:linear-gradient(180deg,#f5fbff 0%,#eefbf7 100%)}.story-masonry .section-title{display:flex;justify-content:space-between;align-items:end;gap:30px}.story-masonry .section-title p{max-width:580px}.masonry-grid{columns:3;column-gap:var(--nk-grid-gap)}.masonry-card{display:inline-block;width:100%;margin:0 0 var(--nk-grid-gap);break-inside:avoid;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.84);border:1px solid rgba(196,222,216,.75);box-shadow:0 18px 42px rgba(42,89,92,.09);transition:transform .3s ease,box-shadow .3s ease}.masonry-card:hover{transform:translateY(-6px);box-shadow:0 26px 58px rgba(35,95,100,.15)}.masonry-media{height:300px;overflow:hidden;background:#e8eef1}.masonry-card.tall .masonry-media{height:430px}.masonry-card.compact .masonry-media{height:240px}.masonry-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.masonry-card:hover img{transform:scale(1.045)}.masonry-copy{padding:24px 26px 28px}.masonry-copy span{display:block;color:#16a684;font-size:12px;font-weight:800;letter-spacing:.18em}.masonry-copy h3{margin:10px 0 8px;font-size:clamp(20px,1.5vw,28px)}.masonry-copy p{margin:0;color:#647d7a;line-height:1.75}
.skeleton-media{position:relative;overflow:hidden;background:#e8edf1}.skeleton-media.is-loading img{opacity:0}.skeleton-media.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.82) 42%,transparent 62%);transform:translateX(-100%);animation:nk-skeleton 1.25s ease-in-out infinite;z-index:5}.skeleton-media img{transition:opacity .24s ease}@keyframes nk-skeleton{to{transform:translateX(100%)}}
.empty{min-height:260px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#708684!important;background:rgba(248,252,253,.7);border:1px dashed rgba(116,169,162,.4);border-radius:24px;padding:28px!important}.empty:before{content:"";display:block;width:min(230px,80%);height:142px;margin-bottom:14px;background:var(--empty-state-image) center/contain no-repeat}.admin-table-wrap td .empty{border:0;background:transparent}
.login-page{margin:0;min-height:100vh;color:#fff;background:#0b2631}.immersive-login{min-height:100vh;position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);align-items:center;gap:clamp(36px,7vw,120px);padding:clamp(34px,5vw,86px);background:linear-gradient(90deg,rgba(4,27,34,.83),rgba(7,39,48,.44) 52%,rgba(4,24,31,.76)),var(--login-background-image) center/cover no-repeat;overflow:hidden}.immersive-login:after{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 25% 20%,rgba(60,216,180,.28),transparent 34%),radial-gradient(circle at 80% 72%,rgba(42,139,255,.23),transparent 30%);animation:nk-login-glow 12s ease-in-out infinite alternate;pointer-events:none}@keyframes nk-login-glow{to{transform:translate3d(4%,2%,0) scale(1.05)}}.login-brand{position:absolute;z-index:2;top:clamp(24px,4vw,58px);left:clamp(28px,5vw,82px);display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}.login-brand img{width:62px;height:62px;border-radius:18px;box-shadow:0 16px 34px rgba(0,0,0,.2)}.login-brand b{font-size:22px}.login-brand small{display:block;letter-spacing:.25em;opacity:.68}.login-intro,.login-panel{position:relative;z-index:2}.login-intro{max-width:760px}.login-intro span{color:#72edcd;font-weight:800;letter-spacing:.2em}.login-intro h1{font-size:clamp(48px,6vw,92px);line-height:1.06;margin:22px 0}.login-intro p{max-width:620px;font-size:18px;line-height:1.85;color:rgba(255,255,255,.76)}.login-panel{justify-self:end;width:min(100%,480px);padding:clamp(30px,4vw,52px)!important;border-radius:32px!important;background:rgba(255,255,255,.84)!important;color:#152632;box-shadow:0 34px 90px rgba(0,0,0,.28)!important}.login-panel input{background:rgba(255,255,255,.74)!important}.login-panel button{width:100%}
.admin-body{background:radial-gradient(circle at 90% 4%,rgba(72,194,255,.13),transparent 28%),radial-gradient(circle at 8% 92%,rgba(70,210,165,.12),transparent 30%),#edf6fb}.admin-sidebar{position:fixed!important;inset:18px auto 18px 18px!important;width:232px!important;height:auto!important;border-radius:28px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 28px 70px rgba(37,70,91,.16)!important;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);overflow:hidden}.admin-sidebar nav a{margin:4px 12px;border-radius:14px}.admin-sidebar nav a:hover{background:#edf8ff;transform:translateX(3px)}.admin-shell{margin-left:268px!important}.admin-top{margin:18px 24px 0!important;border:1px solid rgba(255,255,255,.86);border-radius:22px;background:rgba(255,255,255,.7)!important;box-shadow:0 14px 42px rgba(34,73,96,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-main{padding:28px 30px 80px!important;max-width:none!important}
.carrier-logo{display:flex!important;align-items:center;justify-content:center;flex:none;background:#fff!important;border:1px solid rgba(205,220,225,.8);border-radius:14px!important;padding:8px 10px!important;box-sizing:border-box}.carrier-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain}.tracking-head .carrier-logo{width:112px;height:58px;margin-left:auto}.tracking-head .carrier-logo.sf{width:62px}.admin-tracking .carrier-logo{width:90px;height:42px}.admin-tracking .carrier-logo.sf,.logistics-feed .carrier-logo.sf{width:48px}.logistics-feed .carrier-logo{width:74px;height:42px}.logistics-feed .carrier-logo img{max-height:26px}
@media(max-width:1100px){.masonry-grid{columns:2}.admin-sidebar{width:214px!important}.admin-shell{margin-left:246px!important}}
@media(max-width:820px){:root{--nk-page-gutter:18px;--nk-section-gap:66px;--nk-grid-gap:16px}html{scroll-padding-top:82px}.site-header{position:sticky}.story-masonry .section-title{display:block}.masonry-grid{columns:2}.masonry-media,.masonry-card.tall .masonry-media{height:260px}.masonry-card.compact .masonry-media{height:210px}.masonry-copy{padding:18px}.admin-sidebar{inset:12px auto 12px 12px!important;width:min(290px,calc(100vw - 24px))!important;transform:translateX(-112%);transition:transform .25s ease}.admin-nav-toggle:checked~.admin-sidebar{transform:translateX(0)}.admin-shell{margin-left:0!important}.admin-top{margin:12px 14px 0!important}.admin-main{padding:18px 14px 92px!important}.immersive-login{grid-template-columns:1fr;padding:120px 22px 34px}.login-intro{display:none}.login-panel{justify-self:center}.login-brand{left:24px;top:28px}}
@media(max-width:560px){.masonry-grid{columns:1}.masonry-media,.masonry-card.tall .masonry-media,.masonry-card.compact .masonry-media{height:280px}.empty{min-height:220px!important}.immersive-login{padding-left:16px;padding-right:16px}.login-panel{border-radius:26px!important}.tracking-head .carrier-logo{width:88px;height:48px}.tracking-head .carrier-logo.sf{width:52px}}
@media(prefers-reduced-motion:reduce){.weather-main,.forecast-card,.work-advice,.form-card,.dash-panel,.admin-panel,.tracking-card,.immersive-login:after{animation:none}.product,.gift-choice-card,.masonry-card,.masonry-media img{transition:none}}
.login-page{padding-top:0!important}
@media(max-width:560px){.order-center .tracking-head>.carrier-logo{grid-column:2;grid-row:1}}

/* Compact desktop rhythm and five-column field-note masonry. */
@media(min-width:1101px){
  :root{--nk-section-gap:clamp(36px,2.8vw,52px);--nk-grid-gap:clamp(12px,1vw,18px)}
  .operations,.data-strip,.assurance-section,.service-section,.arrival-guide,.management-platform,.table-guide,.faq-section,.natural-section,.xinghua-practice,.season-map{padding-top:var(--nk-section-gap)!important;padding-bottom:var(--nk-section-gap)!important}
  .story-masonry .section-title{margin-bottom:26px}
  .masonry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--nk-grid-gap);columns:auto}
  .masonry-card{display:block;margin:0;border-radius:20px;align-self:start}
  .masonry-media{height:210px}
  .masonry-card.tall .masonry-media{height:270px}
  .masonry-card.compact .masonry-media{height:170px}
  .masonry-copy{padding:16px 17px 18px}
  .masonry-copy span{font-size:9px}
  .masonry-copy h3{margin:7px 0 6px;font-size:17px}
  .masonry-copy p{font-size:10px;line-height:1.65}
}

/* Dashboard logistics cards: reserve real logo width and use the wide canvas efficiently. */
.logistics-feed{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.logistics-feed>a{grid-template-columns:84px minmax(0,1fr) auto!important;gap:13px!important;align-items:center!important;padding:16px!important;min-height:96px}
.logistics-feed .carrier-logo{grid-column:1;grid-row:1;width:84px!important;height:46px!important;margin:0!important;padding:7px!important}
.logistics-feed .carrier-logo.sf{width:54px!important;justify-self:center}
.logistics-feed>a>span{grid-column:2;grid-row:1;align-self:center}
.logistics-feed>a>span>b{font-size:15px;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logistics-feed>a>strong{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap}
@media(max-width:1380px){.logistics-feed{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.logistics-feed{grid-template-columns:1fr!important}.logistics-feed>a{grid-template-columns:70px minmax(0,1fr)!important}.logistics-feed .carrier-logo{width:70px!important}.logistics-feed>a>strong{grid-column:2;grid-row:2;justify-self:start}}
.admin-sidebar nav a.active:hover{background:linear-gradient(100deg,#247fe9,#35bce8);color:#fff;transform:translateX(1px);box-shadow:0 12px 28px #247fe93d}
.status.pending_transfer,.status.transfer_pending,.status.awaiting_redemption{background:#fff1d9;color:#9b6814}
.flash[data-flash-message],.admin-flash[data-flash-message]{display:flex;align-items:center;gap:14px;min-height:56px;padding:13px 14px 13px 18px;border:1px solid rgba(24,126,88,.12);border-radius:18px;background:#e3f8ef;color:#177653;box-shadow:0 16px 42px rgba(31,70,91,.12);font-size:15px;font-weight:750;line-height:1.5;transition:opacity .22s ease,transform .22s ease}.flash[data-flash-message].error,.admin-flash[data-flash-message].error{border-color:rgba(183,43,58,.12);background:#ffe4e8;color:#aa2434}.flash[data-flash-message].warning,.admin-flash[data-flash-message].warning{border-color:rgba(153,102,21,.14);background:#fff3d8;color:#8f641e}.flash[data-flash-message].is-dismissed,.admin-flash[data-flash-message].is-dismissed{opacity:0;transform:translateY(-8px);pointer-events:none}.flash [data-flash-close],.admin-flash [data-flash-close]{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.56)!important;box-shadow:none!important;color:currentColor!important;font:400 27px/1 system-ui,sans-serif!important;cursor:pointer!important;opacity:.68;transition:background .18s ease,opacity .18s ease,transform .18s ease}.flash [data-flash-close]:hover,.admin-flash [data-flash-close]:hover{background:rgba(255,255,255,.88)!important;opacity:1;transform:scale(1.04)}.flash [data-flash-close]:active,.admin-flash [data-flash-close]:active{transform:scale(.94)}.flash [data-flash-close]:focus-visible,.admin-flash [data-flash-close]:focus-visible{outline:3px solid rgba(43,131,246,.28);outline-offset:2px}@media(max-width:560px){.flash[data-flash-message],.admin-flash[data-flash-message]{min-height:52px;padding:10px 10px 10px 14px;border-radius:16px;font-size:14px}.flash[data-flash-message]{top:76px;width:calc(100% - 28px);max-width:none}}