:root{--ink:#191714;--muted:#726b63;--paper:#f7f4ef;--white:#fff;--gold:#a6844e;--line:rgba(25,23,20,.14);--serif:"Times New Roman","Noto Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:84px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,244,239,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(14px)}.brand{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.14em}.brand strong{font:700 19px/1 var(--serif)}.brand span{font-size:9px;color:var(--gold);margin-top:7px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--gold);transition:.25s}.site-header nav a:hover:after{right:0}.feed-hero{min-height:440px;padding:100px clamp(24px,8vw,140px);background:linear-gradient(135deg,#171512,#312b24);color:#fff;display:flex;flex-direction:column;justify-content:center}.feed-hero p,.creator-hero p,.creators-page>header p,.related header p{letter-spacing:.24em;font-size:11px;color:#c5a772}.feed-hero h1{font:400 clamp(42px,7vw,92px)/1.08 var(--serif);margin:18px 0 26px;letter-spacing:-.035em}.feed-hero h1 em{color:#c5a772;font-weight:400}.feed-hero span{color:rgba(255,255,255,.72);max-width:620px}.feed-tools{padding:42px clamp(24px,5vw,76px) 26px;display:flex;justify-content:space-between;align-items:center}.feed-tools b{font:400 32px/1 var(--serif);color:var(--gold);margin-right:6px}.feed-tools form{display:flex;border-bottom:1px solid var(--ink)}.feed-tools input{border:0;background:transparent;padding:10px 4px;width:240px;outline:0}.feed-tools button{border:0;background:transparent;cursor:pointer}.note-grid{padding:10px clamp(18px,4vw,64px) 80px;columns:4 290px;column-gap:22px}.note-card{background:var(--white);margin:0 0 22px;break-inside:avoid;border:1px solid rgba(25,23,20,.08);transition:transform .25s,box-shadow .25s}.note-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(31,26,18,.1)}.note-card__image{display:block;position:relative;background:#e8e2d9;min-height:220px;overflow:hidden}.note-card__image img{width:100%;height:auto;min-height:220px;object-fit:cover;transition:transform .55s}.note-card:hover .note-card__image img{transform:scale(1.025)}.image-placeholder{height:280px;display:grid;place-items:center;font:20px var(--serif);letter-spacing:.16em;color:#9b8b76}.heat-badge{position:absolute;right:12px;bottom:12px;background:rgba(20,18,15,.8);color:#fff;padding:6px 10px;border-radius:20px;font-size:10px;letter-spacing:.06em}.note-card__body{padding:18px}.creator-line,.creator-profile{display:flex;align-items:center;gap:11px}.creator-line img{width:38px;height:38px;border-radius:50%;object-fit:cover;border:1px solid #d9c8aa}.creator-line span,.creator-profile span{display:flex;flex-direction:column;min-width:0;flex:1}.creator-line strong{font-size:12px}.creator-line small{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-line i,.creator-profile i,.creator-hero h1 i,.creator-grid i{font-style:normal;background:var(--gold);color:#fff;border-radius:50%;width:17px;height:17px;display:inline-grid;place-items:center;font-size:10px}.note-card__title h2{font:400 21px/1.35 var(--serif);margin:18px 0 8px}.note-card__body>p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;flex-wrap:wrap;gap:8px;color:var(--gold);font-size:11px;margin-top:14px}.pagination{display:flex;justify-content:center;gap:8px;padding:0 0 80px}.pagination a{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line)}.pagination a.is-active{background:var(--ink);color:#fff}.empty-state,.error-page{min-height:55vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:70px 24px}.empty-state>strong,.error-page>strong{font:400 72px var(--serif);color:#d8c7aa}.empty-state h2,.error-page h1{font:400 32px var(--serif);margin:8px}.error-page a{margin-top:20px;border-bottom:1px solid var(--gold)}.note-detail{padding:44px clamp(20px,5vw,76px) 100px}.breadcrumb{display:flex;gap:10px;color:var(--muted);font-size:11px;margin:8px 0 32px}.note-detail>article{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);background:#fff;min-height:720px}.note-detail__media{background:#ece6dd}.note-detail__media img{width:100%;height:100%;max-height:900px;object-fit:cover;position:sticky;top:84px}.note-detail__story{padding:clamp(34px,6vw,86px)}.creator-profile img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:1px solid #d9c8aa}.creator-profile strong{font-size:14px}.creator-profile small{color:var(--muted);font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-detail__eyebrow{margin:46px 0 10px;color:var(--gold);letter-spacing:.14em;font-size:11px}.note-detail h1{font:400 clamp(34px,4.5vw,62px)/1.15 var(--serif);margin:10px 0 22px;letter-spacing:-.025em}.note-detail__lead{font-size:16px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:30px}.note-content{font-size:15px;line-height:2;margin-top:30px}.note-content h2,.note-content h3{font:400 25px/1.45 var(--serif);margin:35px 0 12px}.note-content img{width:100%;height:auto;margin:28px 0}.note-content blockquote{border-left:2px solid var(--gold);margin:28px 0;padding:4px 0 4px 22px;color:var(--muted)}.note-detail__footer{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.note-detail__footer button{border:0;background:none;color:var(--gold);cursor:pointer}.related{padding-top:90px}.related header h2,.creator-notes header h2{font:400 38px var(--serif);margin:0 0 30px}.related-grid,.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-grid img,.profile-grid img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:12px}.related-grid strong,.profile-grid strong{font:400 18px/1.35 var(--serif);display:block}.related-grid span,.profile-grid span{font-size:10px;color:var(--muted)}.creator-page,.creators-page{padding:70px clamp(22px,7vw,120px) 110px}.creator-hero{display:grid;grid-template-columns:230px 1fr;gap:58px;align-items:center;padding:55px;background:#fff}.creator-hero>img{width:230px;height:230px;border-radius:50%;object-fit:cover;border:1px solid #d9c8aa}.creator-hero h1{font:400 clamp(40px,5vw,72px)/1.1 var(--serif);margin:8px 0 18px}.creator-hero h1 i{font-family:var(--sans);vertical-align:middle}.creator-hero>div>span{display:block;max-width:650px;color:var(--muted)}.creator-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.creator-meta b,.creator-meta em{font-size:11px;font-style:normal;font-weight:400;padding:6px 10px;border:1px solid var(--line)}.profile-source{display:inline-block;margin-top:22px;color:var(--gold);border-bottom:1px solid var(--gold)}.creator-notes{padding-top:80px}.creators-page>header{text-align:center;padding:40px 0 70px}.creators-page>header h1{font:400 clamp(46px,7vw,84px)/1 var(--serif);margin:10px}.creators-page>header span{color:var(--muted)}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.creator-grid>a{background:#fff;padding:18px;text-align:center}.creator-grid img{width:145px;height:145px;border-radius:50%;object-fit:cover;margin:0 auto 18px;border:1px solid #d9c8aa}.creator-grid strong{font:400 21px var(--serif);display:flex;align-items:center;justify-content:center;gap:6px}.creator-grid span{font-size:11px;color:var(--muted);display:block;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.site-footer{background:#181613;color:#fff;padding:64px clamp(24px,6vw,90px) 30px;display:grid;grid-template-columns:2fr 2fr 1fr;gap:40px;align-items:start}.site-footer strong{font:400 24px var(--serif);letter-spacing:.12em}.site-footer p,.site-footer small{color:rgba(255,255,255,.55);font-size:11px}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;font-size:12px}.site-footer small{text-align:right}@media(max-width:900px){.site-header{height:70px;padding:0 18px}.site-header nav a:nth-child(3){display:none}.site-header nav{gap:18px}.feed-hero{min-height:370px;padding:70px 24px}.feed-tools{align-items:flex-start;gap:20px;flex-direction:column}.feed-tools form{width:100%}.feed-tools input{width:100%}.note-grid{columns:2 260px;padding-inline:14px}.note-detail{padding:22px 12px 70px}.note-detail>article{display:block}.note-detail__media img{position:static;max-height:none}.note-detail__story{padding:30px 22px}.related-grid,.profile-grid{grid-template-columns:repeat(2,1fr)}.creator-page,.creators-page{padding:40px 18px 80px}.creator-hero{grid-template-columns:1fr;text-align:center;padding:35px 22px;gap:25px}.creator-hero>img{width:170px;height:170px;margin:auto}.creator-meta{justify-content:center}.creator-grid{grid-template-columns:repeat(2,1fr)}.site-footer{grid-template-columns:1fr}.site-footer small{text-align:left}}@media(max-width:520px){.brand strong{font-size:16px}.site-header nav a:nth-child(2){display:none}.note-grid{columns:1}.note-card{margin-bottom:14px}.feed-hero h1{font-size:46px}.related-grid,.profile-grid{grid-template-columns:1fr 1fr;gap:10px}.creator-grid{grid-template-columns:1fr 1fr;gap:10px}.creator-grid>a{padding:12px}.creator-grid img{width:108px;height:108px}.creator-grid strong{font-size:17px}}

/* 笔记中心 A1.1：官网导航、四类内容与多图笔记 */
.skip-link{position:fixed;z-index:10060;left:16px;top:12px;transform:translateY(-180%);background:#fff;color:#111;padding:10px 16px}
.skip-link:focus{transform:none}
#main-content{min-height:55vh}
.category-nav{display:flex;justify-content:center;gap:clamp(10px,2vw,28px);padding:22px clamp(18px,5vw,76px);background:#fff;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}
.category-nav a{position:relative;padding:8px 3px;color:var(--muted);font-size:13px}
.category-nav a::after{content:"";position:absolute;right:50%;bottom:0;left:50%;height:1px;background:var(--gold);transition:.25s}
.category-nav a:hover,.category-nav a.is-active{color:var(--ink)}
.category-nav a.is-active::after,.category-nav a:hover::after{right:0;left:0}
.note-category{display:inline-block;margin-top:15px;color:var(--gold);font-size:10px;letter-spacing:.12em}
.note-card__body .note-category+.note-card__title h2{margin-top:8px}
.note-detail{padding-top:124px}
.creator-page,.creators-page,.error-page{padding-top:130px}
.note-gallery{position:sticky;top:84px}
.note-detail__media .note-gallery__stage img{position:static;width:100%;height:auto;max-height:none;object-fit:contain;background:#e8e2d9}
.note-gallery__thumbs{display:grid;grid-template-columns:repeat(6,minmax(52px,1fr));gap:8px;padding:12px;background:#f4efe7}
.note-gallery__thumbs button{padding:0;border:1px solid transparent;background:none;cursor:pointer;opacity:.62;transition:.2s}
.note-gallery__thumbs button:hover,.note-gallery__thumbs button.is-active{border-color:var(--gold);opacity:1}
.note-detail__media .note-gallery__thumbs img{position:static;width:100%;height:76px;object-fit:cover}
.note-product{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:11px 14px;background:#f7f4ef;font-size:12px}
.note-product span{color:var(--muted)}
.note-product strong,.note-product a{font-weight:500}
.note-product a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(31,27,23,.35)}
.note-product a:hover,.note-product a:focus-visible{color:var(--gold);border-bottom-color:currentColor}
.note-product__order{margin-left:auto;padding:8px 14px;border:1px solid #222;background:#222;color:#fff;font:10px/1.2 inherit;letter-spacing:.08em;cursor:pointer}.note-product__order:hover,.note-product__order:focus-visible{border-color:var(--gold);background:var(--gold)}
.product-order-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100vh - 40px);padding:0;border:0;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(20,17,14,.28)}.product-order-dialog::backdrop{background:rgba(20,17,14,.55);backdrop-filter:blur(3px)}.product-order-dialog__inner{position:relative;padding:34px}.product-order-dialog__close{position:absolute;top:14px;right:16px;width:36px;height:36px;border:0;background:transparent;color:#5f5850;font-size:26px;line-height:1;cursor:pointer}.product-order-dialog__eyebrow{margin:0;color:var(--gold);font-size:9px;letter-spacing:.18em}.product-order-dialog h2{margin:7px 44px 24px 0;font:30px/1.2 var(--serif)}.product-order-dialog__options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-order-option{display:flex;flex-direction:column;align-items:flex-start;min-height:270px;padding:22px;border:1px solid var(--line);background:#fbfaf7}.product-order-option--wechat{border-top:2px solid var(--gold)}.product-order-option>span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.12em}.product-order-option h3{margin:8px 0 4px;font:20px/1.25 var(--serif)}.product-order-option p{margin:0 0 16px;color:var(--muted);font-size:11px}.product-order-option img{width:150px;height:150px;margin:auto;align-self:center;object-fit:contain;background:#fff}.product-order-option__placeholder{display:grid;place-items:center;width:100%;min-height:90px;margin:auto 0;color:#999;border:1px dashed var(--line);font-size:11px}.product-order-option__action,.product-order-option__copy{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin-top:16px;padding:0 15px;border:1px solid #222;background:#222;color:#fff;text-decoration:none;font-size:10px;cursor:pointer}.product-order-option__copy{border-color:var(--line);background:#fff;color:#3d3731}.product-order-option__action:hover,.product-order-option__action:focus-visible{background:var(--gold);border-color:var(--gold)}
@media(max-width:640px){.note-product{flex-wrap:wrap}.note-product__order{margin-left:0}.product-order-dialog__inner{padding:26px 18px}.product-order-dialog__options{grid-template-columns:1fr}.product-order-option{min-height:0}.product-order-option img{margin:12px auto}.product-order-dialog h2{font-size:25px}}
.note-language-label{margin:30px 0 0;color:var(--gold);font-size:10px;letter-spacing:.16em}
.note-translation{margin-top:42px;padding-top:36px;border-top:1px solid var(--line)}
.note-translation>h2{font:400 28px/1.35 var(--serif);margin:8px 0 0}
.note-translation .note-content{margin-top:18px}
@media(max-width:900px){.note-detail{padding-top:100px}.creator-page,.creators-page,.error-page{padding-top:100px}.note-gallery{position:static}.note-gallery__thumbs{grid-template-columns:repeat(6,minmax(42px,1fr));overflow-x:auto}.note-detail__media .note-gallery__thumbs img{height:62px}}
@media(max-width:520px){.category-nav{justify-content:flex-start}.note-gallery__thumbs{grid-template-columns:repeat(6,54px)}.note-detail__media .note-gallery__thumbs img{height:54px}}

/* 达人主页仅显示独立的普通个人主页；社交平台链接保留为机器可读实体关系。 */
.creator-profile-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:22px}.creator-profile-links .profile-source{margin-top:0}@media(max-width:900px){.creator-profile-links{justify-content:center}}

/* 笔记详情交互：原生滑动图库、分享反馈与对齐的购买弹窗 */
.note-gallery{position:sticky;top:84px}
.note-gallery__stage{display:flex;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;background:#e8e2d9}
.note-gallery__stage::-webkit-scrollbar{display:none}
.note-gallery__slide{display:grid;place-items:center;flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always;background:#e8e2d9}
.note-detail__media .note-gallery__slide img{position:static;width:100%;height:auto;max-height:900px;object-fit:contain;background:#e8e2d9;-webkit-user-drag:none;user-select:none}
.note-gallery__counter{position:absolute;top:14px;right:14px;z-index:2;min-width:52px;padding:5px 10px;border-radius:999px;background:rgba(24,21,17,.72);color:#fff;text-align:center;font-size:10px;letter-spacing:.08em;pointer-events:none}
.note-gallery__thumbs button{border-radius:2px}
.note-detail__footer button:disabled{cursor:wait;opacity:.6}
.site-feedback{position:fixed;z-index:10080;left:50%;bottom:28px;transform:translate(-50%,18px);max-width:calc(100% - 32px);padding:11px 18px;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:rgba(24,21,17,.94);box-shadow:0 12px 40px rgba(0,0,0,.22);color:#fff;font-size:12px;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.site-feedback.is-visible{transform:translate(-50%,0);opacity:1}

.product-order-dialog__options{align-items:stretch}
.product-order-option{min-height:410px}
.product-order-option>span{display:inline-flex;align-items:center;min-height:23px;padding:2px 8px;border-radius:999px;background:#eee8de;color:#765d39}
.product-order-option--wechat>span{background:var(--gold);color:#fff;font-size:10px;box-shadow:0 5px 16px rgba(166,132,78,.22)}
.product-order-option__offer,.product-order-option__intro{display:flex;align-items:center;width:100%;min-height:52px;margin:8px 0 0!important}.product-order-option__offer{padding:9px 11px;border-left:3px solid var(--gold);background:#f4ead8;color:#5d421c!important;font-size:13px!important;line-height:1.55}.product-order-option__offer strong{font-weight:800}.product-order-option__intro{color:var(--muted);font-size:11px}
.product-order-option__visual{display:grid;place-items:center;width:150px;height:150px;min-height:150px;margin:18px auto;background:#fff}
.product-order-option__visual img{width:150px;height:150px;margin:0;object-fit:contain}
.product-order-option__visual .product-order-option__placeholder{height:150px;min-height:150px;margin:0}
.product-order-option__visual--mall{align-content:center;gap:8px;border:1px solid #ded7cc;background:linear-gradient(145deg,#fff,#f2ede5);color:#8e724a}
.product-order-option__visual--mall svg{width:72px;height:72px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.product-order-option__visual--mall small{font:9px/1 var(--sans);letter-spacing:.16em}
.product-order-option__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto}
.product-order-option__actions .product-order-option__action,.product-order-option__actions .product-order-option__copy{width:100%;min-height:42px;margin-top:0}
.product-order-action-label--mobile{display:none}
.product-order-option__placeholder--action{min-height:42px;margin:0}
.product-order-option__qr-hint{display:none}
@media(max-width:900px){.note-gallery{position:static}.note-detail__media .note-gallery__slide img{max-height:none}.note-gallery__stage{scroll-padding-inline:0}}
@media(max-width:640px){.note-gallery__counter{top:10px;right:10px}.note-gallery__thumbs{scroll-snap-type:x proximity}.note-gallery__thumbs button{scroll-snap-align:start}.product-order-option{min-height:0}.product-order-option__visual{margin:14px auto}.product-order-option__actions{margin-top:10px}}

/* 移动端采用独立笔记卡片和分区带，增强每篇内容之间的边界感。 */
@media(max-width:640px){
  body{background:#ebe7e1}
  .feed-tools{margin:0;background:var(--paper);border-bottom:1px solid rgba(25,23,20,.1)}
  .note-grid{columns:1;padding:16px 10px 54px;background:#ebe7e1}
  .note-card{margin:0 0 24px;border:1px solid rgba(25,23,20,.13);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 7px 24px rgba(31,26,18,.08)}
  .note-card:hover{transform:none;box-shadow:0 7px 24px rgba(31,26,18,.08)}
  .note-card__image{border-bottom:1px solid rgba(25,23,20,.1)}
  .note-card__body{padding:17px 16px 20px}
  .note-card__title h2{font-size:23px;line-height:1.38}
  .note-card__body>p{font-size:13px;line-height:1.8}

  .note-detail{padding:94px 10px 72px;background:#ebe7e1}
  .breadcrumb{margin:8px 6px 18px;padding:0 2px;overflow-x:auto;white-space:nowrap}
  .note-detail>article{overflow:hidden;border:1px solid rgba(25,23,20,.13);border-radius:14px;background:#fff;box-shadow:0 8px 28px rgba(31,26,18,.09)}
  .note-detail__media{border-bottom:8px solid #eee9e2;background:#e8e2d9}
  .note-detail__story{padding:28px 19px 32px}
  .note-detail__eyebrow{margin-top:34px}
  .note-content{line-height:2.05}
  .note-content p{margin:0 0 1.35em}
  .note-content img{margin:34px 0;border-radius:8px;box-shadow:0 4px 18px rgba(31,26,18,.08)}
  .note-detail__footer{margin-top:32px;padding-top:20px;border-top:1px solid rgba(25,23,20,.15)}

  .related{margin:34px -10px -72px;padding:34px 10px 70px;border-top:10px solid #d9d3ca;background:var(--paper)}
  .related header{padding:0 6px}
  .related header h2{margin-bottom:22px;font-size:32px}
  .related-grid{grid-template-columns:1fr;gap:18px}
  .related-grid>a{display:block;overflow:hidden;padding-bottom:16px;border:1px solid rgba(25,23,20,.12);border-radius:11px;background:#fff;box-shadow:0 5px 18px rgba(31,26,18,.07)}
  .related-grid img{width:100%;margin:0 0 14px;aspect-ratio:4/3}
  .related-grid strong,.related-grid span{display:block;margin-inline:15px}
  .related-grid strong{font-size:20px}
  .related-grid span{margin-top:7px;font-size:11px}
}

/* 移动端下单方式改为底部选择面板，用户确认渠道后才执行跳转。 */
.product-order-dialog__prompt{margin:-16px 0 22px;color:var(--muted);font-size:12px}
.pagination{align-items:center;flex-wrap:wrap}.pagination a,.pagination strong,.pagination>span{display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid var(--line);background:transparent;font-size:12px;font-weight:400}.pagination strong{border-color:var(--ink);background:var(--ink);color:#fff}.pagination .pagination__edge{width:auto;min-width:70px;padding:0 14px}.pagination .pagination__ellipsis{width:24px;border:0}.pagination .is-disabled{color:#aaa;cursor:default}
.note-gallery__nav{position:absolute;top:45%;z-index:4;display:grid;width:46px;height:58px;padding:0;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.46);border-radius:2px;background:rgba(24,21,17,.68);color:#fff;box-shadow:0 5px 20px rgba(20,17,14,.18);cursor:pointer;transition:background .2s,opacity .2s,transform .2s}.note-gallery__nav span{font:300 38px/1 var(--serif);transform:translateY(-2px)}.note-gallery__nav--prev{left:16px}.note-gallery__nav--next{right:16px}.note-gallery__nav:hover,.note-gallery__nav:focus-visible{background:rgba(166,132,78,.94);transform:translateY(-50%) scale(1.04);outline:none}.note-gallery__nav:disabled{opacity:.22;cursor:default;pointer-events:none}
.has-order-dialog{overflow:hidden}
@media(max-width:900px){.note-gallery__nav{display:none}}
@media(max-width:640px){
  .product-order-dialog{width:100%;max-width:none;max-height:88dvh;margin:auto 0 0;border-radius:18px 18px 0 0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 -18px 60px rgba(20,17,14,.28)}
  .product-order-dialog__inner{padding:26px 16px calc(22px + env(safe-area-inset-bottom))}
  .product-order-dialog__close{top:12px;right:12px}
  .product-order-dialog h2{margin:7px 42px 18px 0;font-size:26px}
  .product-order-dialog__prompt{margin:-9px 0 20px;font-size:13px}
  .product-order-dialog__options{grid-template-columns:1fr;gap:12px}
  .product-order-option{min-height:0;padding:18px;border-radius:10px;background:#fff}
  .product-order-option--wechat{border-top-width:2px;background:#fdfbf7}
  .product-order-option h3{font-size:21px}
  .product-order-option__offer,.product-order-option__intro{min-height:0}
  .product-order-option__visual{display:none}
  .product-order-option--wechat .product-order-option__visual{display:grid;width:min(58vw,210px);height:auto;min-height:0;margin:16px auto 8px;padding:8px;border:1px solid #e2ddd5;background:#fff}
  .product-order-option--wechat .product-order-option__visual img{width:100%;height:auto;max-height:none;object-fit:contain;-webkit-touch-callout:default;user-select:auto}
  .product-order-option--wechat .product-order-option__visual .product-order-option__placeholder{width:100%;height:170px;min-height:170px}
  .product-order-option__qr-hint{display:block;align-self:stretch;width:100%;margin:0!important;color:#4f4942!important;text-align:center;font-size:12px!important;line-height:1.7}
  .product-order-option__qr-hint small{display:block;color:#9a7a4c;font-size:11px}
  .product-order-option__actions{margin-top:16px}
  .product-order-option__actions .product-order-option__action,.product-order-option__actions .product-order-option__copy{min-height:48px;border-radius:3px;font-size:12px;font-weight:700;letter-spacing:.06em}
  .product-order-option--wechat .product-order-option__action{border-color:#07c160;background:#07c160;color:#fff}
  .product-order-option--wechat .product-order-option__action:hover,.product-order-option--wechat .product-order-option__action:focus-visible{border-color:#06ad56;background:#06ad56}
  .product-order-action-label--desktop{display:none}.product-order-action-label--mobile{display:inline}
}