@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Patrick+Hand&display=swap');
:root{--paper:#fffdf8;--paper2:#f8f4ec;--ink:#514c48;--muted:#8d8780;--pink:#f5dfe1;--blue:#dcecf0;--green:#e3eee1;--yellow:#f8edc9;--line:#e9e2d8;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}
.site-header{min-height:215px;position:sticky;top:0;z-index:20;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:8px 22px 0}
.top-tools{position:absolute;right:max(22px,calc((100vw - var(--max))/2));top:14px;display:flex;gap:10px}
.tool-search,.menu-toggle{width:34px;height:34px;border:0;background:transparent;color:#7d7771;font-size:24px;cursor:pointer}
.menu-toggle{display:none}
.brand{display:flex;align-items:center;justify-content:center;width:180px;height:180px}
.brand img{width:180px;height:180px;object-fit:contain}
.nav{display:flex;justify-content:center;align-items:center;gap:26px;width:100%;height:48px;font-size:13px;white-space:nowrap}
.nav a{position:relative;padding:7px 0}
.nav a:hover,.more:hover,.footer-links a:hover{color:#b67f85}
.hero{max-width:var(--max);margin:auto;min-height:620px;padding:72px 22px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.eyebrow{font:14px "Patrick Hand",cursive;letter-spacing:2px;color:#a38e88}.hero h1{font-size:clamp(38px,5vw,62px);line-height:1.3;font-weight:600;margin:12px 0 20px}.hero h1 em{font-style:normal;color:#c9979c;position:relative}.hero h1 em:after{content:"";position:absolute;height:9px;background:#f5dfe1;left:0;right:0;bottom:2px;z-index:-1;border-radius:10px}.hero p{color:var(--muted);font-size:15px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.btn{display:inline-block;padding:10px 20px;border-radius:999px;font-size:14px}.btn.primary{background:#e7c5c8;box-shadow:0 5px 15px rgba(190,145,150,.14)}.btn.primary:hover{transform:translateY(-2px)}.btn.text{color:#77706a}
.hero-desk{height:470px;position:relative;max-width:470px;margin:auto;width:100%;overflow:hidden}
.hero-notebook{position:absolute;width:245px;height:315px;left:42px;top:55px;background:linear-gradient(135deg,#fffdfb,#f8eef1);border:1px solid #eadfd9;border-radius:8px 15px 15px 8px;box-shadow:0 18px 35px rgba(90,70,55,.11);transform:rotate(-5deg);padding:45px 25px 25px 48px}
.hero-notebook:after{content:"";position:absolute;inset:18px;border:1px dashed #e4c9cb;border-radius:4px}
.notebook-rings{position:absolute;left:17px;top:52px;display:flex;flex-direction:column;gap:70px;z-index:3}.notebook-rings i{width:12px;height:12px;border:2px solid #b8a9a1;border-radius:50%;background:#fff}
.hero-notebook>span{position:relative;z-index:3;font:15px "Patrick Hand",cursive;color:#c08f97;letter-spacing:2px}
.hero-notebook strong{display:block;position:relative;z-index:3;font:31px/1.05 "Patrick Hand",cursive;color:#655f5a;margin-top:35px}
.hero-notebook small{position:relative;z-index:3;display:block;margin-top:25px;color:#a79b95;font-size:11px}
.flower-mark{position:absolute;right:24px;bottom:25px;color:#d9aeb2;font-size:28px;z-index:3}
.hero-bracelet{position:absolute;width:220px;height:220px;right:8px;top:28px;border-radius:50%;background:conic-gradient(#e7b9bf 0 9%,#d4e8e7 9% 19%,#eedbc1 19% 29%,#c9dfe2 29% 39%,#efcdd2 39% 49%,#d9e9df 49% 59%,#ead6bd 59% 69%,#c7dfe1 69% 79%,#e8b7bd 79% 89%,#d9e8df 89% 100%);mask:radial-gradient(farthest-side,transparent calc(100% - 25px),#000 calc(100% - 24px));filter:drop-shadow(0 12px 12px rgba(80,80,70,.12));transform:rotate(-12deg)}
.hero-pen{position:absolute;right:20px;bottom:68px;width:195px;height:27px;transform:rotate(24deg);filter:drop-shadow(0 7px 6px rgba(80,70,60,.15))}
.hero-pen:before{content:"";position:absolute;left:18px;right:0;top:4px;height:18px;border-radius:12px;background:linear-gradient(90deg,#b9d9dc,#e8c7d0,#d6e7d8);border:1px solid #c8d2d0}.hero-pen:after{content:"";position:absolute;left:0;top:6px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:23px solid #aaa19a}
.hero-crystal{position:absolute;background:linear-gradient(135deg,#fff,#dfc9ec,#f3d6dc);clip-path:polygon(50% 0,100% 28%,78% 100%,22% 100%,0 28%);filter:drop-shadow(0 9px 7px rgba(100,80,100,.12));opacity:.9}.crystal-a{width:46px;height:82px;left:8px;bottom:42px;transform:rotate(-13deg)}.crystal-b{width:35px;height:64px;right:8px;top:245px;transform:rotate(18deg)}
.tape{position:absolute;width:90px;height:24px;opacity:.65}.tape-pink{background:#efd0d1;left:160px;top:6px;transform:rotate(-8deg)}.tape-blue{background:#cfe2e5;right:38px;bottom:68px;transform:rotate(72deg)}
.section{max-width:var(--max);margin:auto;padding:95px 22px}.section-head{text-align:center;margin-bottom:42px}.section-head.row{display:flex;align-items:end;justify-content:space-between;text-align:left}.section h2{font-size:32px;font-weight:600;line-height:1.3;margin:8px 0}.section-head p{color:var(--muted);margin:5px 0}.more{font-size:14px;color:#817a73}
.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mood-card{min-height:190px;border-radius:18px;padding:28px 22px;display:flex;flex-direction:column;justify-content:end;transition:.2s;border:1px solid rgba(100,80,70,.04)}.mood-card:hover{transform:translateY(-4px)}.mood-card span{font-size:35px;margin-bottom:auto}.mood-card b{font-size:17px}.mood-card small{color:#8c857e;font-size:12px}.cloud{background:var(--blue)}.flower-card{background:var(--pink)}.leaf{background:var(--green)}.sun{background:var(--yellow)}
.season{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:80px;background:var(--paper2);max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2));padding-right:max(22px,calc((100vw - var(--max))/2))}.season-note p{color:var(--muted);margin:15px 0 25px}.season-card{height:330px;border-radius:25px;background:#dcecf0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(2deg);box-shadow:0 15px 30px rgba(80,100,100,.07)}.season-card span{font:18px "Patrick Hand",cursive;letter-spacing:3px}.season-card strong{font:130px/1 "Patrick Hand",cursive;font-weight:400;color:#7d9fa5}.season-card small{font:16px "Patrick Hand",cursive}.season-card i{font-style:normal;margin-top:20px;color:#86a8ad}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-photo{height:300px;border-radius:18px;display:grid;place-items:center;font-size:45px;margin-bottom:17px}.product-photo.pink{background:var(--pink)}.product-photo.blue{background:var(--blue)}.product-photo.green{background:var(--green)}.product-card small,.product-card p{color:#918a83;font-size:12px}.product-card h3{margin:2px 0;font-size:18px}.product-card p{margin:0 0 8px}.product-card strong{font-size:14px}
.writing{background:#fbfaf5;max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2));padding-right:max(22px,calc((100vw - var(--max))/2))}.stationery-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stationery-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:28px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.stationery-icon{height:75px;width:75px;border-radius:50%;display:grid;place-items:center;font-size:30px;margin-bottom:15px}.pen{background:var(--pink)}.pencil{background:var(--yellow)}.highlighter{background:var(--green)}.notebook{background:var(--blue)}.stationery-grid span{font-size:12px;color:#9a938b}
.little-desk{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.desk-copy p{color:var(--muted)}.desk-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.desk-tags span{font-size:12px;background:#f6f0e8;border-radius:999px;padding:4px 11px}.desk-illustration{height:350px;background:#f7eee5;border-radius:25px;position:relative;overflow:hidden;border:1px solid #eee1d4}.desk-shelf{position:absolute;top:45px;left:50px;right:50px;border-bottom:7px solid #d9bda4;padding:0 15px 13px;font-size:24px}.desk-board{position:absolute;right:70px;top:83px;width:100px;height:115px;background:#fff;border:1px solid #e9e2d8;transform:rotate(4deg);padding:20px;font:17px/1.2 "Patrick Hand",cursive;color:#8b8580}.desk-board i{position:absolute;right:12px;bottom:8px;font-style:normal;color:#d5a5a9}.desk-top{position:absolute;bottom:0;left:0;right:0;height:110px;background:#d9bda4;display:flex;align-items:center;gap:35px;padding:0 60px}.mini-notebook{background:#fff;width:75px;height:70px;padding:13px;font:14px/1.15 "Patrick Hand",cursive;transform:rotate(-4deg)}.mini-pen{font-size:34px}.mini-bracelet{font-size:20px;color:#d09ea4;white-space:nowrap}
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-thumb{height:200px;border-radius:15px;background:#f5e9dc;display:grid;place-items:center;font-size:50px;color:#c89fa3;font-family:"Patrick Hand",cursive;margin-bottom:15px}.journal-thumb small{font-size:13px;color:#978b80}.journal-grid article>span{font-size:11px;color:#b18b8f}.journal-grid h3{margin:3px 0;font-size:18px}.journal-grid p{font-size:13px;color:#918a83;margin:0}
footer{background:#f6f0e8;text-align:center;padding:48px 22px;color:#7e766e}
.footer-logo{width:120px;height:120px;object-fit:contain;display:block;margin:0 auto 4px}
.footer-links{display:flex;justify-content:center;gap:20px;font-size:12px;margin:20px 0}
@media(max-width:900px){.nav{gap:12px;font-size:12px}.hero{gap:25px}.mood-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{min-height:208px;padding-top:5px}.brand{width:180px;height:180px}.brand img{width:180px;height:180px}.top-tools{right:14px;top:10px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:208px;left:0;right:0;background:var(--paper);padding:18px 22px;flex-direction:column;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:55px}.hero-desk{height:390px;transform:scale(.9);margin-top:-20px}.section{padding:70px 20px}.section-head.row{display:block}.section-head.row .more{display:inline-block;margin-top:8px}.season,.little-desk{grid-template-columns:1fr;gap:40px}.season-card{height:280px}.product-grid,.stationery-grid,.journal-grid{grid-template-columns:1fr}.product-photo{height:260px}.desk-illustration{height:300px}.hero h1{font-size:42px}}

.mood-btn,.season-btn{display:inline-block;padding:10px 20px;border-radius:999px;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}
.mood-btn{background:#cfe9e5;color:#52736f;box-shadow:0 5px 15px rgba(113,166,158,.15)}
.season-btn{background:#f5d8bd;color:#8b6750;box-shadow:0 5px 15px rgba(208,155,115,.14)}
.mood-btn:hover,.season-btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(120,100,90,.13)}

/* V5 細節修正 */
.season-btn{background:#f3e1c9;color:#6f8f96}
.desk-copy .btn.primary{background:#dfc8ad;color:#806b58}

.hero-desk > .pencil{display:none !important}

/* V6：修正按鈕套用位置 */
.season .season-btn{
  background:#f5d8bd;
  color:#8b6750;
  box-shadow:0 5px 15px rgba(208,155,115,.14);
}
.desk-copy .desk-btn{
  background:#dfc8ad;
  color:#806b58;
  box-shadow:0 5px 15px rgba(150,120,90,.12);
}

/* V6：移除舊版 Hero 黃色長條 */
.hero-desk > .pencil,
.hero-desk > .flower{
  display:none !important;
}