:root{
      --bg:#fbf7ef;
      --paper:#fffdf8;
      --paper-2:#f8f1e7;
      --sage:#829986;
      --sage-deep:#526a58;
      --sage-soft:#e7efe7;
      --tea:#ad9279;
      --tea-soft:#f1e5d7;
      --blue:#dce7e8;
      --peach:#f3ddd0;
      --ink:#38413a;
      --muted:#626861;
      --line:#e6ded3;
      --shadow:0 18px 44px rgba(88,72,54,.09);
      --organic:30px 14px 30px 14px / 14px 30px 14px 30px;
      --organic-2:18px 34px 18px 34px / 34px 18px 34px 18px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
      color:var(--ink);
      background:
        radial-gradient(circle at 8% 4%, rgba(217,232,219,.82), transparent 28%),
        radial-gradient(circle at 92% 12%, rgba(245,221,207,.72), transparent 24%),
        radial-gradient(circle at 72% 78%, rgba(230,236,223,.55), transparent 22%),
        var(--bg);
      line-height:1.95;
      letter-spacing:.01em;
      position:relative;
    }
    body::before{
      content:"";
      position:fixed;inset:0;pointer-events:none;z-index:999;
      opacity:.16;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");
      mix-blend-mode:multiply;
    }
    a{color:inherit}
    button,input,textarea{font:inherit}
    .wrap{width:min(1120px,92%);margin:auto}
    header{
      position:sticky;top:0;z-index:20;
      backdrop-filter:blur(14px);
      background:rgba(251,247,239,.88);
      border-bottom:1px solid rgba(230,222,211,.82);
    }
    .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}
    .brand-dot{
      width:36px;height:36px;display:grid;place-items:center;background:var(--sage-soft);
      border-radius:58% 42% 52% 48% / 44% 58% 42% 56%;
      box-shadow:inset 0 0 0 1px rgba(82,106,88,.06);
    }
    nav{display:flex;gap:22px;flex-wrap:wrap}
    nav a{text-decoration:none;color:var(--muted);font-size:.95rem}
    nav a:hover{color:var(--sage-deep)}
    .menu-toggle{
      display:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);
      width:44px;height:44px;border-radius:16px 10px 16px 10px/10px 16px 10px 16px;
      cursor:pointer;font-size:1.25rem;align-items:center;justify-content:center;
    }

    h1,h2,h3,.section-title{
      font-family:"Noto Serif TC","Songti TC","PMingLiU",serif;
      font-weight:700;
      letter-spacing:.015em;
    }

    .hero{padding:104px 0 70px}
    .hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:54px;align-items:center}
    .eyebrow{
      display:inline-flex;gap:8px;align-items:center;
      padding:8px 14px;border-radius:999px;background:var(--sage-soft);color:var(--sage-deep);
      font-size:.88rem;font-weight:700;box-shadow:0 8px 24px rgba(82,106,88,.05);
    }
    h1{font-size:clamp(2.45rem,6vw,4.9rem);line-height:1.14;margin:20px 0 24px;letter-spacing:-.025em}
    .hero p{font-size:1.08rem;color:var(--muted);max-width:650px}
    .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .btn{
      border:0;padding:13px 20px;cursor:pointer;text-decoration:none;
      display:inline-flex;align-items:center;justify-content:center;gap:7px;
      transition:.2s ease;font-weight:700;
      border-radius:28px 12px 28px 12px / 12px 28px 12px 28px;
    }
    .btn-primary{background:var(--sage-deep);color:white}
    .btn-secondary{background:white;border:1px solid var(--line);color:var(--ink)}
    .btn:hover{transform:translateY(-2px)}

    .hero-art{
      min-height:400px;
      border-radius:44px 20px 46px 24px / 22px 48px 20px 44px;
      box-shadow:var(--shadow);
      background:
        linear-gradient(180deg,rgba(255,255,255,.32),rgba(255,255,255,.08)),
        linear-gradient(145deg,var(--sage-soft),var(--peach));
      position:relative;overflow:hidden;padding:30px;display:flex;align-items:flex-end;
    }
    .hero-art::after{
      content:"";position:absolute;inset:0;
      background:radial-gradient(circle at 72% 18%, rgba(255,255,255,.62), transparent 34%);
      pointer-events:none;
    }
    .window{
      position:absolute;left:13%;top:12%;width:55%;height:48%;
      border:9px solid rgba(255,255,255,.76);
      border-radius:24px 14px 26px 12px/14px 24px 12px 26px;
      background:linear-gradient(#dce9ef,#f5eadf);
      box-shadow:inset 0 -30px 0 rgba(255,255,255,.25);
    }
    .plant{position:absolute;right:9%;bottom:12%;font-size:78px;filter:saturate(.75);animation:floaty 8s ease-in-out infinite}
    .cat{position:absolute;left:18%;bottom:14%;font-size:84px;transform:rotate(-2deg);animation:floaty 9.5s ease-in-out infinite reverse}
    .art-card{
      position:relative;z-index:2;margin-left:auto;background:rgba(255,253,249,.9);
      padding:16px 18px;border-radius:22px 12px 22px 12px/12px 22px 12px 22px;
      max-width:220px;font-size:.92rem;box-shadow:var(--shadow)
    }

    section{padding:96px 0;position:relative}
    section + section::before{
      content:"";
      position:absolute;left:50%;top:0;transform:translate(-50%,-50%);
      width:min(820px,78vw);height:18px;opacity:.33;
      background-repeat:no-repeat;background-size:100% 100%;
      background-image:url("data:image/svg+xml,%3Csvg width='900' height='20' viewBox='0 0 900 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 C60 2 120 18 180 10 S300 2 360 10 480 18 540 10 660 2 720 10 840 18 900 10' fill='none' stroke='%23a7b7a9' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }

    .section-title{font-size:clamp(1.95rem,4vw,2.85rem);margin:0 0 12px}
    .section-lead{color:var(--muted);margin:0 0 34px;max-width:760px}

    .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .card{
      background:rgba(255,253,249,.94);
      border:1px solid var(--line);
      border-radius:var(--organic);
      padding:24px;
      box-shadow:var(--shadow);
    }
    .card h3{margin:9px 0 9px;font-size:1.16rem}
    .card p{color:var(--muted);margin:.5rem 0}
    .icon{font-size:1.8rem}

    .grid-3 .article-card:nth-child(3n+1){transform:rotate(-.35deg)}
    .grid-3 .article-card:nth-child(3n+2){transform:rotate(.28deg)}
    .grid-3 .article-card:nth-child(3n){transform:rotate(-.16deg)}

    .mood-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px}
    .moods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .mood-btn{
      padding:17px;border:1px solid var(--line);background:white;cursor:pointer;text-align:left;
      border-radius:22px 12px 22px 12px/12px 22px 12px 22px;
      transition:.2s ease;
    }
    .mood-btn:hover,.mood-btn.active{background:var(--sage-soft);border-color:#b8c9ba;transform:translateY(-1px)}
    .softbox{
      background:linear-gradient(145deg,var(--sage-soft),#eef3eb);
      border-radius:var(--organic-2);padding:28px;box-shadow:0 16px 40px rgba(82,106,88,.06)
    }
    .tool{
      background:rgba(255,253,249,.96);border:1px solid var(--line);
      border-radius:38px 18px 40px 20px/20px 40px 18px 38px;
      padding:30px;box-shadow:var(--shadow)
    }
    textarea,input{
      width:100%;border:1px solid var(--line);background:#fffdfb;
      border-radius:20px 12px 20px 12px/12px 20px 12px 20px;
      padding:14px 15px;color:var(--ink);outline:none;
    }
    textarea{min-height:138px;resize:vertical}
    textarea:focus,input:focus{border-color:#9eb3a0;box-shadow:0 0 0 3px rgba(128,153,133,.12)}
    .bucket-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
    .mini{
      border:1px solid var(--line);background:white;border-radius:999px;padding:9px 13px;cursor:pointer
    }
    .mini:hover{background:var(--tea-soft)}
    .bucket-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
    .bucket{
      border-radius:22px 12px 22px 12px/12px 22px 12px 22px;
      padding:16px;background:#faf6ef;min-height:124px
    }
    .bucket strong{display:block;margin-bottom:8px}
    .bucket ul{padding-left:0;margin:0;color:var(--muted);font-size:.92rem;list-style:none}
    .bucket li{display:flex;gap:8px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--line)}
    .bucket li:last-child{border-bottom:0}
    .bucket li span{flex:1}
    .delete-item{
      flex:0 0 auto;border:0;background:transparent;color:#765d5b;cursor:pointer;
      border-radius:8px;padding:1px 6px;font-size:.82rem;
    }
    .delete-item:hover,.delete-item:focus{background:#f3dfd2}
    .night-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    label{display:block;font-size:.9rem;font-weight:700;margin-bottom:7px}
    .night-result{
      margin-top:18px;padding:18px;border-radius:22px 12px 22px 12px/12px 22px 12px 22px;
      background:var(--blue);display:none
    }
    .article-card{text-decoration:none;display:block}
    .tag{
      font-size:.78rem;padding:4px 9px;border-radius:999px;background:var(--tea-soft);display:inline-block;
      color:var(--sage-deep);font-weight:800;letter-spacing:.02em
    }
    .article-card:hover{transform:translateY(-3px) rotate(0deg);transition:.2s}
    article.card p{margin:.7rem 0;color:var(--muted)}
    article.card strong{color:var(--ink)}
    .shop-card{position:relative}
    .shop-card .badge{
      position:absolute;right:16px;top:16px;background:var(--peach);
      border-radius:999px;padding:4px 9px;font-size:.74rem
    }
    .shop-btn{margin-top:14px;width:100%}
    .shop-btn:disabled{
      opacity:.72;cursor:not-allowed;background:#f5f0e8;color:#777;border-style:dashed
    }
    .disclosure{
      margin-top:20px;padding:18px 20px;
      border-radius:24px 12px 24px 12px/12px 24px 12px 24px;
      background:#f7f0e7;color:var(--muted);font-size:.9rem
    }
    .support{
      background:linear-gradient(135deg,#e6eee6,#f3e2d7);
      border-radius:38px 18px 40px 20px/20px 40px 18px 38px;
      padding:30px;border:1px solid rgba(210,198,183,.65);box-shadow:var(--shadow)
    }
    .support strong{font-size:1.18rem}
    .help-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
    .help-card{
      background:rgba(255,255,255,.72);border:1px solid rgba(223,213,201,.9);
      border-radius:24px 12px 24px 12px/12px 24px 12px 24px;padding:18px
    }
    .help-card h3{margin:.2rem 0 .5rem}
    .help-card p{margin:.25rem 0}
    footer{padding:54px 0 70px;color:var(--muted);font-size:.9rem}
    .footer-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:30px}
    .privacy-note{font-size:.82rem;color:var(--muted);margin-top:10px}

    @keyframes floaty{
      0%,100%{transform:translateY(0) rotate(-2deg)}
      50%{transform:translateY(-8px) rotate(1deg)}
    }
    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
    }

    @media (max-width:900px){
      .hero-grid,.mood-wrap{grid-template-columns:1fr}
      .hero-art{min-height:340px}
      .grid-4{grid-template-columns:repeat(2,1fr)}
      .grid-3{grid-template-columns:1fr}
      .bucket-grid{grid-template-columns:repeat(2,1fr)}
      .grid-3 .article-card{transform:none}
    }
    @media (max-width:640px){
      .nav{position:relative}
      .menu-toggle{display:flex}
      #mainNav{
        display:none;position:absolute;left:0;right:0;top:64px;
        background:var(--paper);border:1px solid var(--line);
        border-radius:24px 12px 24px 12px/12px 24px 12px 24px;
        box-shadow:var(--shadow);padding:12px;flex-direction:column;gap:4px;
      }
      #mainNav.open{display:flex}
      #mainNav{max-height:calc(100vh - 92px);overflow:auto;z-index:120}
      #mainNav a{padding:11px 12px;border-radius:12px}
      #mainNav a:hover,#mainNav a:focus{background:var(--sage-soft)}
      .hero{padding-top:58px}
      section{padding:74px 0}
      .grid-4,.bucket-grid,.night-grid,.help-grid{grid-template-columns:1fr}
      .moods{grid-template-columns:1fr}
      .tool{padding:21px}
      .footer-grid{grid-template-columns:1fr}
      h1{font-size:2.55rem}
      .hero-art{min-height:310px}
      section + section::before{width:84vw}
    }
  
    .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
    .play-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .play-card{
      background:rgba(255,253,249,.96);border:1px solid var(--line);
      border-radius:34px 16px 34px 16px/16px 34px 16px 34px;
      padding:24px;box-shadow:var(--shadow);min-height:420px;position:relative;overflow:hidden
    }
    .play-card h3{margin:.4rem 0 .5rem}
    .play-note{font-size:.88rem;color:var(--muted);margin-bottom:16px}
    .breath-stage{display:grid;place-items:center;min-height:220px}
    .breath-blob{
      width:150px;height:150px;
      border-radius:61% 39% 55% 45%/47% 58% 42% 53%;
      background:linear-gradient(145deg,var(--sage-soft),var(--peach));
      box-shadow:0 18px 40px rgba(82,106,88,.12);
      display:grid;place-items:center;text-align:center;padding:18px;
      transform:scale(.92);
    }
    .breath-blob.run{animation:breathCycle 12s ease-in-out infinite}
    .breath-text{font-family:"Noto Serif TC","Songti TC",serif;font-weight:700;color:var(--sage-deep)}
    @keyframes breathCycle{
      0%{transform:scale(.92)}
      33.333%{transform:scale(1.15)}
      50%{transform:scale(1.15)}
      100%{transform:scale(.92)}
    }

    .release-wrap{position:relative;min-height:230px}
    .release-cloud{
      position:absolute;right:8px;top:8px;font-size:72px;opacity:.9;
      animation:floaty 8s ease-in-out infinite
    }
    .release-paper{
      min-height:120px;background:#fffaf3;border:1px dashed #cfbea9;
      border-radius:20px 12px 22px 10px/12px 20px 10px 22px;
      padding:14px;transition:.8s ease;transform-origin:center;
    }
    .release-paper.throw{
      transform:translate(170px,-90px) rotate(420deg) scale(.18);
      opacity:0;
    }
    .release-message{
      margin-top:12px;padding:12px 14px;border-radius:18px;background:var(--sage-soft);
      display:none;font-size:.9rem
    }

    .flip-scene{perspective:1000px;min-height:235px}
    .flip-card{
      position:relative;width:100%;min-height:220px;transform-style:preserve-3d;
      transition:transform .65s ease;cursor:pointer
    }
    .flip-card.flipped{transform:rotateY(180deg)}
    .flip-face{
      position:absolute;inset:0;backface-visibility:hidden;
      border:1px solid var(--line);background:#fffaf3;
      border-radius:28px 14px 28px 14px/14px 28px 14px 28px;
      padding:22px;display:flex;flex-direction:column;justify-content:center
    }
    .flip-back{transform:rotateY(180deg);background:linear-gradient(145deg,var(--sage-soft),#f8efe6)}
    .alt-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--muted)}
    .gentle-rule{
      margin-top:22px;padding:16px 18px;border-radius:22px 12px 22px 12px/12px 22px 12px 22px;
      background:#f7f0e7;color:var(--muted);font-size:.9rem
    }
    @media (max-width:900px){.play-grid{grid-template-columns:1fr}}

  
    /* V6 Gentle Psychology Magazine */
    .issue-kicker{
      display:flex;align-items:center;gap:10px;color:var(--sage-deep);
      font-size:.84rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
      margin-bottom:14px
    }
    .issue-kicker::before{content:"";width:42px;height:1px;background:var(--sage)}
    .mag-hero{
      display:grid;grid-template-columns:1.3fr .7fr;gap:22px;align-items:stretch;
      margin-top:30px
    }
    .cover-story{
      min-height:460px;position:relative;overflow:hidden;
      border-radius:46px 20px 44px 18px/20px 46px 18px 44px;
      background:
        linear-gradient(0deg,rgba(46,55,47,.50),rgba(46,55,47,.04) 65%),
        radial-gradient(circle at 70% 20%,rgba(255,255,255,.62),transparent 30%),
        linear-gradient(145deg,#dbe7dc,#f1dccf);
      box-shadow:var(--shadow);padding:34px;display:flex;align-items:flex-end
    }
    .cover-story::before{
      content:"☕";position:absolute;right:12%;top:13%;font-size:84px;opacity:.72;
      transform:rotate(7deg)
    }
    .cover-story::after{
      content:"📖";position:absolute;right:24%;top:38%;font-size:100px;opacity:.68;
      transform:rotate(-8deg)
    }
    .cover-copy{position:relative;z-index:2;max-width:720px;color:white;text-shadow:0 2px 14px rgba(38,43,39,.18)}
    .cover-copy .cover-label{
      display:inline-block;background:rgba(255,255,255,.82);color:var(--sage-deep);
      padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800;text-shadow:none
    }
    .cover-copy h1{font-size:clamp(2.5rem,5.5vw,4.6rem);margin:15px 0 12px;color:white;max-width:760px}
    .cover-copy p{font-size:1.08rem;color:rgba(255,255,255,.94);max-width:660px;margin:0}
    .cover-link{
      display:inline-flex;margin-top:20px;background:rgba(255,255,255,.92);color:var(--ink);
      text-decoration:none;padding:11px 16px;font-weight:800;
      border-radius:24px 12px 24px 12px/12px 24px 12px 24px
    }
    .cover-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
    .side-story{
      text-decoration:none;background:rgba(255,253,249,.94);border:1px solid var(--line);
      border-radius:30px 14px 30px 14px/14px 30px 14px 30px;
      padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between
    }
    .side-story:nth-child(1){background:linear-gradient(145deg,#f7efe6,#fffdf9)}
    .side-story:nth-child(2){background:linear-gradient(145deg,#e9f0e8,#fffdf9)}
    .side-story small{color:var(--sage-deep);font-weight:800}
    .side-story h3{font-size:1.45rem;margin:.45rem 0 .7rem}
    .side-story p{color:var(--muted);margin:0}

    .mag-nav{
      margin:30px 0 0;display:flex;gap:10px;flex-wrap:wrap
    }
    .mag-pill{
      text-decoration:none;border:1px solid var(--line);background:rgba(255,253,249,.82);
      padding:9px 13px;border-radius:999px;color:var(--muted);font-size:.9rem
    }
    .mag-pill:hover{background:var(--sage-soft);color:var(--sage-deep)}

    .editorial-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}
    .feature-list{display:grid;gap:16px}
    .feature-row{
      display:grid;grid-template-columns:82px 1fr;gap:16px;align-items:start;
      padding-bottom:16px;border-bottom:1px dashed var(--line);text-decoration:none
    }
    .feature-row:last-child{border-bottom:0}
    .feature-num{
      width:72px;height:72px;display:grid;place-items:center;background:var(--tea-soft);
      border-radius:24px 10px 24px 10px/10px 24px 10px 24px;
      font-family:"Noto Serif TC","Songti TC",serif;font-size:1.35rem;color:var(--tea)
    }
    .feature-row h3{margin:0 0 .35rem;font-size:1.25rem}
    .feature-row p{margin:0;color:var(--muted);font-size:.95rem}
    .editor-note{
      background:linear-gradient(145deg,#e7efe7,#f6eee6);
      border-radius:36px 18px 36px 18px/18px 36px 18px 36px;
      padding:28px;box-shadow:var(--shadow);height:fit-content;position:sticky;top:96px
    }
    .editor-note .quote{
      font-family:"Noto Serif TC","Songti TC",serif;font-size:1.35rem;line-height:1.75;margin:.6rem 0 1rem
    }

    .columns-title{
      display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px
    }
    .columns-title p{margin:0;color:var(--muted)}
    .column-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .column-card{
      text-decoration:none;min-height:220px;padding:22px;border:1px solid var(--line);
      background:rgba(255,253,249,.94);box-shadow:var(--shadow);
      border-radius:32px 14px 32px 14px/14px 32px 14px 32px;
      display:flex;flex-direction:column;justify-content:space-between
    }
    .column-card:nth-child(2){transform:translateY(14px)}
    .column-card:nth-child(4){transform:translateY(10px)}
    .column-card strong{font-size:1.15rem;font-family:"Noto Serif TC","Songti TC",serif}
    .column-card span{color:var(--muted);font-size:.9rem}

    .reading-strip{
      display:grid;grid-template-columns:repeat(3,1fr);gap:16px
    }
    .reading-card{
      background:#fffaf4;border-left:3px solid #aabaaa;padding:20px 22px;
      border-radius:8px 24px 8px 24px/24px 8px 24px 8px;text-decoration:none
    }
    .reading-card small{color:var(--sage-deep);font-weight:800}
    .reading-card h3{margin:.35rem 0 .5rem}
    .reading-card p{margin:0;color:var(--muted);font-size:.94rem}

    .mag-divider{
      display:flex;align-items:center;gap:14px;margin:26px 0;color:var(--tea)
    }
    .mag-divider::before,.mag-divider::after{content:"";height:1px;background:var(--line);flex:1}
    .mag-divider span{font-family:"Noto Serif TC","Songti TC",serif}

    @media(max-width:900px){
      .mag-hero,.editorial-grid{grid-template-columns:1fr}
      .cover-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
      .column-grid{grid-template-columns:repeat(2,1fr)}
      .reading-strip{grid-template-columns:1fr}
      .editor-note{position:static}
    }
    @media(max-width:640px){
      .mag-hero{gap:16px}
      .cover-story{min-height:430px;padding:26px}
      .cover-side{grid-template-columns:1fr}
      .column-grid{grid-template-columns:1fr}
      .column-card:nth-child(2),.column-card:nth-child(4){transform:none}
      .columns-title{align-items:start;flex-direction:column}
      .feature-row{grid-template-columns:64px 1fr}
      .feature-num{width:58px;height:58px;font-size:1.1rem}
    }


    .skip-link{position:absolute;left:12px;top:-70px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px;z-index:9999;text-decoration:none}
    .skip-link:focus{top:12px}
    :focus-visible{outline:3px solid #7b927f;outline-offset:3px}

    /* V11 companion navigation */
    .companion-panel{
      background:linear-gradient(145deg,#fffdf8,#edf3ec);
      border:1px solid var(--line);box-shadow:var(--shadow);
      border-radius:42px 18px 42px 18px/18px 42px 18px 42px;
      padding:30px;position:relative;overflow:hidden
    }
    .companion-panel::after{
      content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;
      border-radius:50%;background:rgba(243,221,208,.45);filter:blur(12px);pointer-events:none
    }
    .state-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}
    .state-btn{
      border:1px solid var(--line);background:#fff;border-radius:24px 12px 24px 12px/12px 24px 12px 24px;
      padding:16px 12px;text-align:left;cursor:pointer;color:var(--ink);min-height:105px
    }
    .state-btn:hover,.state-btn.active{background:var(--sage-soft);border-color:#b8c9ba;transform:translateY(-1px)}
    .state-btn span{display:block;font-size:1.55rem;margin-bottom:5px}
    .state-result{
      margin-top:16px;background:rgba(255,255,255,.76);border:1px solid var(--line);
      border-radius:26px 12px 26px 12px/12px 26px 12px 26px;padding:20px;min-height:110px
    }
    .state-result h3{margin:.1rem 0 .45rem}.state-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
    .soft-link{display:inline-flex;text-decoration:none;padding:9px 13px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:700}
    .no-fix{
      margin-top:24px;padding:22px;background:linear-gradient(145deg,#f4e7dd,#eef3eb);
      border-radius:28px 14px 28px 14px/14px 28px 14px 28px
    }
    .no-fix h3{margin:.2rem 0}.rest-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
    .rest-chip{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:999px;cursor:pointer}
    .rest-message{margin-top:12px;color:var(--muted);min-height:32px}

    .anatomy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:20px}
    .anatomy-step{background:#fffaf3;border:1px solid var(--line);border-radius:24px 12px 24px 12px/12px 24px 12px 24px;padding:16px}
    .anatomy-step strong{display:block;margin-bottom:6px}
    .anatomy-step textarea{min-height:105px}
    .anatomy-output{margin-top:18px;padding:18px;background:var(--sage-soft);border-radius:22px;display:none}

    .time-card{background:#fffaf4;border:1px solid var(--line);border-radius:34px 16px 34px 16px/16px 34px 16px 34px;padding:26px}
    .time-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
    .time-btn{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:999px;cursor:pointer}
    .time-btn.active{background:var(--sage-soft);border-color:#b8c9ba}
    .time-result{padding:18px;background:#f3eadf;border-radius:20px;min-height:82px}

    .sleep-toggle{
      position:fixed;right:18px;bottom:18px;z-index:80;border:1px solid rgba(255,255,255,.4);
      background:#53616d;color:#fff;border-radius:999px;padding:11px 15px;cursor:pointer;
      box-shadow:0 12px 28px rgba(20,30,38,.22);font-weight:800
    }
    body.sleep-mode{background:#1f2a31;color:#edf0ee}
    body.sleep-mode::before{opacity:.05}
    body.sleep-mode header{background:rgba(31,42,49,.93);border-color:#44515a}
    body.sleep-mode .brand,body.sleep-mode nav a,body.sleep-mode .section-title,body.sleep-mode h1,body.sleep-mode h2,body.sleep-mode h3{color:#f4f1ea}
    body.sleep-mode .section-lead,body.sleep-mode p,body.sleep-mode .play-note,body.sleep-mode .privacy-note{color:#c9d0ce}
    body.sleep-mode #editorial,body.sleep-mode #columns,body.sleep-mode #today-read,body.sleep-mode #care,body.sleep-mode #cases,
    body.sleep-mode #read,body.sleep-mode #solutions-home{display:none}
    body.sleep-mode .hero{padding-bottom:34px}
    body.sleep-mode .cover-story{background:linear-gradient(0deg,rgba(22,31,38,.75),rgba(38,51,58,.30)),linear-gradient(145deg,#35454b,#46575d)}
    body.sleep-mode .play-card,body.sleep-mode .tool,body.sleep-mode .companion-panel,body.sleep-mode .time-card{
      background:#2a373e;border-color:#44545d;color:#edf0ee
    }
    body.sleep-mode .state-btn,body.sleep-mode .rest-chip,body.sleep-mode .time-btn,body.sleep-mode textarea,body.sleep-mode input{
      background:#34434b;color:#f2f2ef;border-color:#51616a
    }
    body.sleep-mode .state-result,body.sleep-mode .anatomy-step,body.sleep-mode .time-result,body.sleep-mode .release-paper{
      background:#34434b;border-color:#51616a;color:#edf0ee
    }
    body.sleep-mode .support{background:#29383f}
    .sleep-note{display:none}
    body.sleep-mode .sleep-note{display:block;background:#34434b;padding:16px 18px;border-radius:20px;margin-bottom:20px;color:#d9dedd}

    .bookshelf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .bookshelf-card{background:#fffaf4;border:1px solid var(--line);border-radius:30px 14px 30px 14px/14px 30px 14px 30px;padding:22px;min-height:230px}
    .bookshelf-card h3{margin:.5rem 0}.bookshelf-card .btn{margin-top:12px}
    .affiliate-note{font-size:.86rem;color:var(--muted);margin-top:18px}

    .voices-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}
    .voice-note{
      background:#fff9ee;border:1px solid #eadfce;box-shadow:0 12px 28px rgba(88,72,54,.06);
      border-radius:12px 28px 12px 28px/28px 12px 28px 12px;padding:18px;min-height:120px;
      font-family:"Noto Serif TC","Songti TC",serif
    }
    .voice-note:nth-child(2n){transform:rotate(.25deg)}.voice-note:nth-child(3n){transform:rotate(-.25deg)}
    .voice-form{margin-top:24px;padding:22px;background:var(--sage-soft);border-radius:30px 14px 30px 14px/14px 30px 14px 30px}
    .voice-preview{margin-top:12px;display:none;padding:16px;background:#fff;border-radius:18px}

    @media(max-width:1000px){
      .state-grid{grid-template-columns:repeat(3,1fr)}
      .anatomy-grid{grid-template-columns:1fr 1fr}
      .bookshelf-grid{grid-template-columns:repeat(2,1fr)}
      .voices-wall{grid-template-columns:repeat(2,1fr)}
    }
    @media(max-width:640px){
      .state-grid{grid-template-columns:1fr 1fr}
      .anatomy-grid,.bookshelf-grid,.voices-wall{grid-template-columns:1fr}
      .sleep-toggle{right:12px;bottom:12px}
    }

.health-notice,.tool-notice,.shop-health-notice{
  margin:28px 0;padding:18px 20px;border:1px solid var(--line);
  border-radius:22px;background:#f7f3ea;color:var(--muted);line-height:1.8
}
.health-notice strong,.tool-notice strong,.shop-health-notice strong{color:var(--ink)}
.health-notice a,.tool-notice a,.shop-health-notice a{font-weight:700}
.site-legal-note{margin-top:10px;font-size:.88rem;color:var(--muted);line-height:1.7}
.site-legal-note a{font-weight:700}
.disclaimer-sections{display:grid;gap:18px;margin-top:24px}
.disclaimer-card{background:#fffaf4;border:1px solid var(--line);border-radius:24px;padding:20px}
.disclaimer-card h2{margin-top:0}
.disclaimer-card p:last-child{margin-bottom:0}
.disclaimer-key{background:#eef4ec;border-left:4px solid #8da08c;padding:16px 18px;border-radius:16px;margin:22px 0}

.lang-switch{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin:12px 0 18px}
.lang-switch a{font-size:.85rem;text-decoration:none;padding:6px 9px;border:1px solid var(--line);border-radius:999px;background:#fff}
.lang-switch a[aria-current="page"]{font-weight:800;background:#eef4ec}
.locale-hero{padding:38px 0 24px}.locale-hero h1{max-width:820px}
.locale-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.locale-card{border:1px solid var(--line);border-radius:25px;padding:20px;background:#fffaf4}
.locale-card h2,.locale-card h3{margin-top:0}.locale-note{border-left:4px solid #8da08c;background:#eef4ec;padding:16px 18px;border-radius:16px;margin:22px 0}
.article-body{max-width:820px;margin:0 auto}.article-body section{margin:34px 0}.article-body h2{line-height:1.35}.article-body p{line-height:1.9}
.article-steps{background:#f7f3ea;border:1px solid var(--line);padding:20px 24px;border-radius:24px}.article-steps li{margin:.65rem 0;line-height:1.7}
.source-list{font-size:.93rem}.trust-band{margin:36px 0;padding:24px;border:1px solid var(--line);border-radius:28px;background:#eef4ec}
@media(max-width:720px){.locale-grid{grid-template-columns:1fr}}

/* V14.3 illustration integration */
.cover-story{isolation:isolate}
.cover-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.cover-story .cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(38,45,39,.72),rgba(38,45,39,.10) 64%),linear-gradient(90deg,rgba(37,45,39,.14),transparent 58%)}
.cover-story.has-photo::before,.cover-story.has-photo::after{display:none}
.home-illustration-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}
.home-illustration-card{display:block;text-decoration:none;background:var(--paper);border:1px solid var(--line);border-radius:26px 12px 26px 12px/12px 26px 12px 26px;overflow:hidden;box-shadow:0 12px 30px rgba(74,64,53,.07)}
.home-illustration-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.home-illustration-card span{display:block;padding:11px 13px;font-size:.9rem;font-weight:700;line-height:1.45}
.lang-switch{width:min(1180px,92%);margin:12px auto 18px}
@media(max-width:900px){.home-illustration-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){
  .cover-story{min-height:500px;padding:22px}
  .cover-copy h1{font-size:clamp(2.15rem,10vw,3rem);line-height:1.18}
  .cover-copy p{font-size:1rem}
  .home-illustration-strip{grid-template-columns:1fr 1fr;gap:10px}
  .home-illustration-card span{padding:10px;font-size:.84rem}
  .lang-switch{display:flex;flex-wrap:nowrap;overflow-x:auto;padding:0 1px 6px;scrollbar-width:none}
  .lang-switch::-webkit-scrollbar{display:none}
  .lang-switch a{white-space:nowrap;flex:0 0 auto}
  .state-btn{min-height:92px;padding:13px 10px}
  .companion-panel{padding:22px 17px}
  .sleep-toggle{max-width:calc(100vw - 24px)}
}

/* V14.3 mobile visual polish */
.cover-illustration{z-index:0;object-position:center 45%}
.cover-story .cover-shade{z-index:1}
.cover-copy{z-index:2}
body.sleep-mode .cover-illustration{filter:brightness(.5) saturate(.65)}
@media(max-width:640px){
  .sleep-toggle{width:48px;height:48px;padding:0;font-size:0;display:grid;place-items:center}
  .sleep-toggle::before{content:"🌙";font-size:20px;line-height:1}
}