@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;600;700&family=Noto+Sans+TC:wght@400;500;600&display=swap');.topbar{gap:8px}.sound-toggle{margin-left:auto;border:1px solid #d7dfd2;border-radius:99px;padding:6px 9px;background:#fffaf4;color:#647464;font:11px "Noto Sans TC",sans-serif;white-space:nowrap}.sound-toggle.playing{border-color:#b89dbe;background:#f7edf5;color:#6a5068}.visual-banner{position:relative;min-height:245px;margin:23px 2px 0;overflow:hidden;border-radius:22px;padding:25px;background:linear-gradient(90deg,#fffdf7ef 0%,#fffdf7d7 43%,#fffdf718 76%),url("line-menu-botanical-v1.png") center/cover;box-shadow:0 9px 24px #5e735220}.visual-banner>div{max-width:285px}.visual-banner h2{margin:4px 0 9px;color:#3f5142;font:700 28px/1.4 "Noto Serif TC",serif;text-shadow:0 1px 10px #fff}.visual-banner p:last-child{margin:0;color:#607062;font-size:13px;line-height:1.8;text-shadow:0 1px 10px #fff}@media(max-width:460px){.topbar>span{display:none}.visual-banner{min-height:230px;background-position:center}.sound-toggle{font-size:10px}}
:root{--ink:#28372c;--green:#416248;--paper:#fbfaf5;--line:#d7dfd2;--sage:#eaf0e5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",sans-serif}.app-shell{max-width:680px;margin:auto;padding:15px 17px 44px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 15px;color:#7c887c;font-size:11px}.brand{border:0;background:0;color:var(--green);font:700 17px "Noto Serif TC",serif}.view{display:none}.view.active{display:block}.hero{position:relative;min-height:290px;overflow:hidden;padding:35px 27px;border-radius:26px;background:linear-gradient(90deg,#fffdf6f5 0%,#fffdf6d9 42%,#fffdf622 72%),url("hero-botanical-v1.png") center/cover;box-shadow:0 12px 32px #40523c22}.eyebrow{margin:0 0 6px;color:#6f806c;font-size:10px;letter-spacing:.13em;font-weight:600}.hero h1{max-width:385px;margin:0 0 10px;font:700 clamp(29px,8vw,42px)/1.32 "Noto Serif TC",serif;text-shadow:0 1px 12px #fff}.hero>p:not(.eyebrow){max-width:330px;margin:0;color:#4f604f;font-size:14px;text-shadow:0 1px 10px #fff}.cards-art{display:none}.intro{padding:26px 2px 5px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.feature{position:relative;min-height:155px;overflow:hidden;border:1px solid #d6ded1;border-radius:19px;padding:17px 14px;text-align:left;color:var(--ink);box-shadow:0 6px 16px #41523b10}.feature i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;font-style:normal;font-size:23px;box-shadow:0 3px 10px #52614b12}.feature b{display:block;margin-top:13px;font:700 21px "Noto Serif TC",serif}.feature small{display:block;margin-top:6px;color:#687568;font-size:11px}.feature em{position:absolute;right:13px;bottom:9px;font:32px Georgia;font-style:normal}.divine{background:linear-gradient(145deg,#fff4f8,#f0dce8);color:#5d4257}.finder{background:linear-gradient(145deg,#f8fbf4,#e0ead8);color:#3e633f}.encyclopedia{grid-column:1/-1;min-height:108px;background:linear-gradient(120deg,#fcf7ef,#f1e7d0);color:#705023}.encyclopedia i{float:left;margin-right:14px}.encyclopedia b{margin-top:1px;padding-top:2px}.gentle,.notice{margin:27px 2px 0;padding:13px;border-radius:13px;background:#f1f4ed;color:#748075;font-size:11px;line-height:1.7}.heading{display:flex;gap:13px;padding:11px 0 19px}.back{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font:28px/25px Georgia}.heading h2{margin:0;font:700 28px "Noto Serif TC",serif}.heading p:last-child{margin:4px 0 0;color:#6b786d;font-size:13px}.search-area{position:sticky;top:0;z-index:2;padding:10px 0 17px;background:linear-gradient(var(--paper) 78%,transparent)}.search{display:flex;gap:10px;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--green);font-size:25px}.search input{width:100%;border:0;outline:0;padding:15px 0;font:14px "Noto Sans TC"}.tags,.questions{display:flex;flex-wrap:wrap;gap:7px;padding-top:12px}.tags{flex-wrap:nowrap;overflow-x:auto}.tags button,.questions button{white-space:nowrap;border:1px solid #d4ddd0;border-radius:99px;padding:7px 11px;background:#f6f8f3;color:#526651;font:12px "Noto Sans TC"}.questions{padding:0 0 20px}.questions button.selected{background:#6b5064;color:#fff;border-color:#6b5064}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:7px 3px 12px}.section-heading h3{margin:0;font:600 20px "Noto Serif TC",serif}.section-heading>span{font-size:12px;color:#768177}.cards,.oil-list{display:grid;gap:12px}.card,.oil{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 4px 15px #2c3a2a08}.card-top{display:flex;justify-content:space-between;font-size:12px}.category{color:var(--green);font-weight:600}.match{padding:2px 7px;border-radius:99px;background:#f5f0e5;color:#8a7a5d}.card h3,.oil h3{margin:10px 0 8px;font:600 20px "Noto Serif TC",serif}.oils,.oil>div>p{margin:0;color:#536158;font-size:14px;line-height:1.7}details{margin-top:14px;padding-top:12px;border-top:1px solid #e4e7e1}summary{display:flex;justify-content:space-between;cursor:pointer;color:#4f604f;font-size:13px;list-style:none}details p{margin:6px 0;color:#637066;font-size:13px;line-height:1.7}details[open] summary span{transform:rotate(45deg)}.safety{color:#786d5b!important}.intuition,.primary,.secondary{border:0;border-radius:11px;padding:10px 13px;font:600 13px "Noto Sans TC"}.intuition{margin-top:15px;background:var(--sage);color:var(--green)}.empty{padding:26px;border:1px dashed #c9d2c5;border-radius:17px;text-align:center;color:#6d786e;font-size:13px}.draw{text-align:center;padding:13px 12px 26px;border-radius:24px;background:linear-gradient(155deg,#f8eef4,#edf2e9)}.deck{position:relative;width:185px;height:185px;margin:auto}.deck span{position:absolute;top:25px;left:45px;display:grid;place-items:center;width:94px;height:135px;border:2px solid #e7c98e;border-radius:16px;background:#5a4065;box-shadow:0 8px 0 #876b87;color:#f8dd9b;font:35px Georgia}.deck span:first-child{top:32px;left:23px;transform:rotate(-12deg)}.deck span:nth-child(2){top:32px;left:68px;transform:rotate(10deg)}.draw p{color:#69736c;font-size:13px}.primary{padding:12px 24px;background:#5d4667;color:#fff}.primary:disabled{background:#b8adb9}.result{margin-top:18px;padding:22px;border:1px solid #e3d9df;border-radius:22px;background:#fff;text-align:center}.oracle{display:grid;place-items:center;align-content:center;width:168px;height:232px;margin:14px auto 18px;border:2px solid #ead69a;border-radius:18px;background:linear-gradient(145deg,#725273,#a5829a);box-shadow:0 7px 0 #d8c6d1;color:#fff;font-size:25px}.oracle h3{margin:10px 0 2px;font:700 25px "Noto Serif TC",serif}.oracle small{font-size:12px}.result>h3{margin:0;font:700 23px "Noto Serif TC",serif}.result>p{color:#556157;text-align:left;line-height:1.85}.ritual{display:grid;gap:5px;padding:13px;border-radius:12px;background:#f3f6f0;color:#506050;text-align:left}.ritual strong{font:600 18px "Noto Serif TC",serif}.ritual small,.prompt{font-size:12px}.prompt{color:#786c76!important}.secondary{background:#eee5ed;color:#694e65}.oil{display:grid;grid-template-columns:54px 1fr;gap:13px}.oil>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ecf1e8;color:#587259;font-size:21px;font-style:normal}.oil h3{margin:0}.oil .eyebrow{margin-bottom:3px}@media(max-width:380px){.app-shell{padding-inline:13px}.hero{padding-left:20px;background-position:58% center}}
/* 精油占卜的四種入口、直覺選牌與翻牌結果 */
.divination-menu,.optional-topic,.intuition-picker{margin:0 0 18px;padding:15px;border:1px solid #e1ddd7;border-radius:18px;background:linear-gradient(145deg,#fffdfb,#f7f2f5)}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.flow-choice{min-height:106px;padding:13px;border:1px solid #ded8d2;border-radius:15px;background:#fff;color:#526151;text-align:left;font-family:"Noto Sans TC",sans-serif;transition:transform .18s ease,box-shadow .18s ease}.flow-choice span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:7px;border-radius:50%;background:#f3e5ed;color:#765267;font:600 13px Georgia}.flow-choice b{display:block;font:600 16px "Noto Serif TC",serif}.flow-choice small{display:block;margin-top:5px;color:#7b8379;font-size:10px;line-height:1.45}.flow-choice.selected{border-color:#70546a;background:#f8eef4;color:#65495f;box-shadow:0 6px 16px #805c7518}.flow-choice:active,.intuition-card:active{transform:scale(.97)}.optional-topic{background:#f7faf4}.optional-topic>.eyebrow{margin-bottom:10px}.optional-topic .questions{padding:0}.intuition-picker{background:linear-gradient(145deg,#f7eff7,#eef4ea);text-align:center}.intuition-deck{display:flex;justify-content:center;gap:9px;margin-top:12px}.intuition-card{display:grid;place-items:center;align-content:center;width:31%;min-height:145px;border:2px solid #e7c98e;border-radius:15px;background:linear-gradient(145deg,#5b4167,#886d89);box-shadow:0 7px 0 #d7c4d1;color:#f8dd9b;font-family:"Noto Sans TC",sans-serif;transition:transform .18s ease,box-shadow .18s ease}.intuition-card span{font:31px Georgia}.intuition-card small{margin-top:11px;color:#fff6d9;font-size:10px}.intuition-card.chosen{transform:translateY(-9px);box-shadow:0 12px 0 #d7c4d1,0 16px 20px #765a7533;outline:3px solid #fff5d4}.flip-reveal{animation:card-flip 780ms cubic-bezier(.2,.8,.25,1) both}@keyframes card-flip{0%{transform:perspective(700px) rotateY(180deg) scale(.9);filter:brightness(.5)}55%{transform:perspective(700px) rotateY(-12deg) scale(1.04);filter:brightness(1.2)}100%{transform:perspective(700px) rotateY(0) scale(1);filter:brightness(1)}}.today-reminder{margin:14px 0;padding:13px;border-radius:13px;background:linear-gradient(120deg,#fff9e9,#f5eedc);color:#705b42;text-align:left;font-size:13px;line-height:1.75}.today-reminder b{font:600 15px "Noto Serif TC",serif}.today-reminder p{margin:4px 0 0!important;color:#705b42!important}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.result-actions button,.mini-learn{border:1px solid #d9d4c9;border-radius:11px;padding:10px 8px;background:#fffaf3;color:#5f6757;font:600 12px "Noto Sans TC",sans-serif}.result-actions button:first-child{background:#edf3e8;color:#486545}.result-actions button:nth-child(2){background:#fbf0e5;color:#8a6047}.result-actions button:nth-child(3){background:#f7eef5;color:#72526c}.result-actions button:nth-child(4){background:#eee8f0;color:#604e6a}.action-note{min-height:18px;margin:12px 2px 0!important;color:#806e61!important;font-size:11px!important;text-align:center!important}.mini-learn{width:100%;margin-top:10px;background:#f4f7f1;color:#4d674c}.timeline-card .today-reminder{font-size:12px}.timeline-card .today-reminder b{font-size:13px}@media(max-width:370px){.flow-grid{grid-template-columns:1fr}.intuition-card{min-height:125px}.result-actions{grid-template-columns:1fr}}
.urgent-guidance{border-color:#d8b7a9!important;background:linear-gradient(145deg,#fffaf6,#fff0e8)!important;color:#68483c!important;text-align:left!important}.urgent-guidance .guidance-sparkle{color:#b6563f}.urgent-guidance b{color:#8f4234}.urgent-guidance ol{margin:12px 0;padding-left:22px;line-height:1.85;color:#68483c}.urgent-guidance .guidance-doctor{color:#904637!important}

/* 植感占卜風格：暖光、花草、手帳感圖卡 */
:root{--wine:#68445f;--cream:#fffdf7;--gold:#bd9151;--rose:#f6e9ee;--mist:#edf3e9}
body{min-height:100vh;background:radial-gradient(circle at 88% 5%,#f7efd8 0,transparent 26%),radial-gradient(circle at 2% 39%,#f3e7ed 0,transparent 24%),#fdfbf6}
.app-shell{position:relative;padding-top:18px}
.topbar{position:relative;padding:8px 9px 15px;border-bottom:1px solid #ece6d9}
.topbar::after{content:"";position:absolute;right:4px;bottom:-1px;width:82px;height:2px;border-radius:9px;background:linear-gradient(90deg,transparent,#9aaf86,#d9b979)}
.brand{letter-spacing:.05em}
.sound-toggle{box-shadow:0 4px 11px #98795c16}
.hero{min-height:350px;padding:33px 27px 29px;border:1px solid #fffefb;background:linear-gradient(90deg,#fffdf7fa 0%,#fffdf7e9 42%,#fffdf735 76%),url("hero-botanical-v1.png") 62%/cover;box-shadow:0 17px 37px #596a4b20,inset 0 0 0 1px #e4decf}
.hero::before{content:"AROMA  RITUAL";display:inline-block;margin-bottom:12px;padding:5px 10px;border:1px solid #d9cda6;border-radius:99px;background:#fffdf9c9;color:#967849;font:600 9px "Noto Sans TC",sans-serif;letter-spacing:.16em}
.hero::after{content:"";position:absolute;right:22px;bottom:22px;width:87px;height:87px;border:1px solid #d9c6a1;border-radius:50%;opacity:.75;box-shadow:inset 0 0 0 6px #ffffff72}
.hero .eyebrow{display:none}
.hero h1{position:relative;z-index:1;max-width:390px;margin-bottom:12px;color:#283b2e;font-size:clamp(31px,8.5vw,45px);letter-spacing:.025em}
.hero>p:not(.eyebrow){position:relative;z-index:1;max-width:290px;color:#586453;font-size:14px;line-height:1.8}
.cards-art{position:absolute;right:35px;bottom:50px;z-index:1;display:block;padding:8px 10px;border:1px solid #d0b879;border-radius:10px;background:#fffdf2cc;color:#746f48;font:19px Georgia;letter-spacing:4px;transform:rotate(8deg);box-shadow:4px 5px 0 #e7d6dc}
.intro{padding-top:30px}
.intro>.eyebrow{position:relative;padding-left:15px;font-size:11px;color:#60755f}
.intro>.eyebrow::before{content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border:1px solid #889b77;border-radius:50%;box-shadow:5px 2px 0 -3px #ba9561}
.feature-grid{gap:13px}
.feature{min-height:174px;border-color:#ded7c9;box-shadow:0 9px 22px #735f4214;transition:transform .18s ease,box-shadow .18s ease}
.feature::before{content:"";position:absolute;inset:0;background:url("hero-botanical-v1.png") center/cover;opacity:.13;mix-blend-mode:multiply;pointer-events:none}
.feature>*{position:relative;z-index:1}
.feature i{width:48px;height:48px;border:1px solid #ffffffcc;box-shadow:0 4px 13px #6d65591c}
.feature b{margin-top:16px;font-size:23px;letter-spacing:.025em}
.feature small{max-width:140px;font-size:11px;line-height:1.6}
.feature em{right:16px;bottom:10px;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font:25px/23px Georgia;text-align:center;opacity:.8}
.feature:active{transform:scale(.98)}
.divine{background:linear-gradient(145deg,#fff8fae8,#eddae6e5)}.divine i{color:#7b4c69}
.finder{background:linear-gradient(145deg,#fbfdf7e8,#dfebd7e8)}.finder i{color:#496d48}
.encyclopedia{min-height:124px;background:linear-gradient(110deg,#fffbf2ed,#f3e5cde5)}.encyclopedia::before{background-position:100% 65%;opacity:.18}.encyclopedia i{margin-top:5px;color:#a46c27}
.learn{grid-column:1/-1;min-height:124px;background:linear-gradient(110deg,#f4f8f1ed,#dfe9e1e5);color:#42624d}.learn i{float:left;margin:5px 14px 0 0;color:#4d7d60}.learn::before{background-position:15% 33%;opacity:.15}
.visual-banner{min-height:270px;margin-top:30px;padding:30px;background:linear-gradient(90deg,#fffdf8f4 0%,#fffdf8dc 44%,#fffdf825 84%),url("line-menu-botanical-v1.png") center/cover;box-shadow:0 14px 29px #50634118,inset 0 0 0 1px #e8dfd0}
.visual-banner::after{content:"✦  ❋  ☾";position:absolute;right:19px;bottom:14px;color:#af8a5e;font:16px Georgia;letter-spacing:5px;opacity:.8}.visual-banner h2{font-size:31px;color:#41513f}.visual-banner>div{position:relative;z-index:1}
.gentle,.notice{border:1px solid #e6ece0;background:#f4f7f0e8;box-shadow:0 7px 17px #6272530b}
.heading{position:relative;min-height:110px;margin:0 0 10px;padding:25px 16px 22px;border:1px solid #e7dfd0;border-radius:22px;background:linear-gradient(90deg,#fffdf9fa 0%,#fffdf9e5 58%,#fffdf944 100%),url("hero-botanical-v1.png") right center/cover;box-shadow:0 10px 22px #59654812;overflow:hidden}
.heading::before{content:"";position:absolute;right:20px;top:16px;width:46px;height:46px;border:1px solid #d7bc84;border-radius:50%;opacity:.65}.heading>div,.heading>.back{position:relative;z-index:1}.heading h2{font-size:30px;color:#3f523f}.back{flex:0 0 auto;box-shadow:0 3px 9px #49604113}
.search-area{padding:13px 2px 18px;background:linear-gradient(#fdfbf6 78%,transparent)}.search{border-color:#ded6c7;border-radius:19px;box-shadow:0 6px 15px #5b67460d}.tags button,.questions button{border-color:#e2d8ca;background:#fffdf9;box-shadow:0 3px 8px #5d5d4610}
.card,.oil{position:relative;border-color:#e5ddd0;border-radius:21px;background:linear-gradient(145deg,#fffefd,#fffaf4);box-shadow:0 8px 20px #4a573c0f;overflow:hidden}.card::before,.oil::before{content:"";position:absolute;right:-17px;top:-21px;width:70px;height:70px;border:1px solid #d7dfcf;border-radius:50%;opacity:.6}.card h3,.oil h3{color:#425540}.intuition{border:1px solid #d3dfcc;background:#edf4e8;box-shadow:0 3px 8px #475f3710}
.divination-menu,.optional-topic,.intuition-picker{border-color:#e5dccf;box-shadow:0 9px 20px #4b573a0c}.flow-choice{position:relative;overflow:hidden;border-color:#e4dbd2;border-radius:17px;background:linear-gradient(145deg,#fffefd,#fffaf6)}.flow-choice::after{content:"✦";position:absolute;right:10px;bottom:6px;color:#d4bf9b;font:16px Georgia;opacity:.65}.flow-choice.selected{border-color:#c9a9bd;background:linear-gradient(145deg,#fff7fb,#f7e9f1)}
.draw{border:1px solid #e6dcd4;box-shadow:0 12px 27px #715c6a0f}.oracle{background:linear-gradient(145deg,#6b4d70,#a7839a);box-shadow:0 7px 0 #dbc8d0,0 16px 25px #6f506e22}
@media (hover:hover){.feature:hover{transform:translateY(-3px);box-shadow:0 14px 26px #735f4220}}
@media(max-width:460px){.hero{min-height:330px;padding:28px 22px;background-position:61% center}.hero h1{font-size:34px}.cards-art{right:23px;bottom:31px;font-size:16px}.visual-banner{min-height:250px}.visual-banner h2{font-size:28px}.heading{padding:21px 13px}.heading h2{font-size:27px}.feature{min-height:165px}.feature b{font-size:21px}}

/* 精油小百科：植物資料卡 */
.encyclopedia-guide{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid #dfd9c8;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#eef4e9);box-shadow:0 8px 19px #5464480d}
.guide-mark{display:grid;flex:0 0 auto;place-items:center;width:43px;height:43px;border:1px solid #d9c18b;border-radius:50%;background:#fffdf5;color:#a2743e;font:23px Georgia}
.encyclopedia-guide h3{margin:1px 0 5px;color:#425640;font:600 20px "Noto Serif TC",serif}.encyclopedia-guide p:last-child{margin:0;color:#69766a;font-size:12px;line-height:1.75}
.guidance-label{margin:13px 0 0!important;color:#8b8173!important;font-size:11px!important;letter-spacing:.08em}
.source-safety{margin:12px 0 0;padding:10px 0 0 17px;border-top:1px dashed #d7d1c5;color:#69766a;font-size:11px;line-height:1.75}.source-safety li+li{margin-top:4px}
.learn-hero{margin:2px 0 14px;padding:25px 22px;border:1px solid #e5dccd;border-radius:21px;background:linear-gradient(115deg,#fffdf8f4 0%,#fffdf8d9 54%,#fffdf835 100%),url("hero-botanical-v1.png") right center/cover;box-shadow:0 9px 20px #53633f10}.learn-hero h3{max-width:320px;margin:3px 0 8px;color:#40533e;font:700 25px/1.45 "Noto Serif TC",serif}.learn-hero p:last-child{max-width:340px;margin:0;color:#61705e;font-size:13px;line-height:1.85}.learn-grid{display:grid;gap:11px}.learn-grid article{position:relative;padding:17px 18px 17px 60px;border:1px solid #e5ddd1;border-radius:18px;background:linear-gradient(145deg,#fffefd,#fbf7ef);box-shadow:0 6px 16px #53633c0d}.learn-grid i{position:absolute;left:15px;top:17px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf3e8;color:#597458;font:18px Georgia}.learn-grid h3{margin:0 0 5px;color:#485d45;font:600 18px "Noto Serif TC",serif}.learn-grid p{margin:0;color:#697569;font-size:12px;line-height:1.8}.learn-check{margin:14px 0;padding:18px;border:1px solid #e4d7c3;border-radius:19px;background:#fbf5e8}.learn-check ol{margin:8px 0 0;padding-left:22px;color:#675f50;font-size:12px;line-height:2}.learn-note{margin:14px 2px 0;padding:14px;border-radius:14px;background:#f1f4ed;color:#6b7a6c;font-size:12px;line-height:1.75}
.oil{align-items:start}.oil-body{min-width:0}.oil-profile{margin-bottom:12px!important;color:#526151!important}
.oil-facts{display:grid;gap:7px;margin:11px 0 1px}.oil-facts span{display:grid;gap:2px;padding:9px 10px;border:1px solid #ece4d7;border-radius:11px;background:#fffdf9;color:#667267;font-size:12px;line-height:1.6}.oil-facts b{color:#867052;font:600 11px "Noto Sans TC",sans-serif;letter-spacing:.05em}
.oil details{margin-top:12px}.oil details p{padding-left:2px}.oil details p b{color:#556953;font-weight:600}.oil details .safety{margin-top:11px;padding:10px;border-radius:10px;background:#f8f0e8;color:#806456!important}
@media(max-width:380px){.encyclopedia-guide{padding:15px}.guide-mark{width:38px;height:38px}.oil-facts span{font-size:11px}}
.meridian-library{display:flex;gap:13px;align-items:flex-start;padding:18px;border:1px solid #d9e2d1;border-radius:20px;background:linear-gradient(135deg,#f4f8f0,#fffdf8);box-shadow:0 8px 19px #5464480d}.meridian-mark{display:grid;flex:0 0 auto;place-items:center;width:43px;height:43px;border:1px solid #bfcfb4;border-radius:50%;background:#fff;color:#547156;font:23px Georgia}.meridian-library h3{margin:1px 0 5px;color:#425640;font:600 20px "Noto Serif TC",serif}.meridian-library>div:last-child{min-width:0}.meridian-library p{margin:0;color:#69766a;font-size:12px;line-height:1.75}.meridian-library details{margin-top:11px}.meridian-library summary{font-size:12px}.index-chips{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.index-chips span{padding:6px 9px;border:1px solid #dce5d6;border-radius:99px;background:#fffdf9;color:#587057;font-size:11px;line-height:1.45}@media(max-width:380px){.meridian-library{padding:15px}.meridian-mark{width:38px;height:38px}}
.source-library-note{margin:11px 0 0;padding:10px 12px;border-radius:12px;background:#f8f5ed;color:#766d62;font-size:12px;line-height:1.7}
.oil-facts span b{letter-spacing:.02em}

.book-reference{margin:10px 0!important;padding:10px 12px;border-left:3px solid #cbb783;border-radius:0 10px 10px 0;background:#fcf8ef;color:#5e584d;line-height:1.75}
.book-caution{margin:10px 0!important;padding:10px 12px;border:1px dashed #d7c8aa;border-radius:11px;background:#fffdf8;color:#74695a;font-size:12px;line-height:1.7}

.oil-master-index{display:flex;gap:13px;margin:14px 0;padding:16px;border:1px solid #d9e1d4;border-radius:18px;background:linear-gradient(135deg,#f8fbf5,#f0f5ea);color:#53634f}.oil-master-index h3{margin:2px 0 6px;font:600 19px "Noto Serif TC",serif}.oil-master-index p{margin:0;color:#6f786b;font-size:12px;line-height:1.7}.master-mark{display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:#fff;color:#708265;font-size:17px;box-shadow:0 3px 8px #53634f18}.oil-master-index details{margin-top:11px}.oil-master-index summary{cursor:pointer;color:#4e654e;font-size:13px;font-weight:700}.master-oil-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.master-oil-chips button{border:1px solid #ccd8c5;border-radius:99px;padding:6px 9px;background:#fff;color:#4e654e;font:12px "Noto Sans TC",sans-serif}.master-oil-chips button:active{transform:scale(.97);background:#e5efdf}