:root{--yellow:#ffc629;--ink:#222;--muted:#6b7280;--cream:#fff9e9;--line:#e9e9e9}*{box-sizing:border-box}body{color:var(--ink);background:#fafafa;margin:0;font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 22px}.nav{border-bottom:1px solid var(--line);z-index:5;background:#fff;position:sticky;top:0}.navin{justify-content:space-between;align-items:center;gap:14px;min-height:76px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:26px;font-weight:900;display:flex}.brand small{letter-spacing:3px;font-size:11px;display:block}.bee{background:var(--yellow);border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:49px;height:49px;font-size:29px;display:inline-flex;transform:rotate(-12deg)}.links{align-items:center;gap:22px;display:flex}.links button{background:0 0;border:0;font-weight:650}.btn{background:var(--yellow);color:var(--ink);border:0;border-radius:11px;padding:12px 20px;font-weight:800}.btn.dark{background:var(--ink);color:#fff}.btn.outline{background:#fff;border:1px solid #ddd}.btn:focus-visible,.links button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #e0a600}.hero{background:linear-gradient(110deg,#fff8e4 0%,#fff0b6 100%);padding:72px 0}.hero-inner{grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;display:grid}.hero h1{letter-spacing:-2px;margin:0 0 18px;font-size:clamp(32px,4vw,56px);line-height:1.25}.hero p{color:#5b5546;font-size:18px}.hero-art{text-align:center;position:relative}.mascot{filter:drop-shadow(0 20px 13px #caa33b66);font-size:125px;display:block}.hero-art strong{background:#fff;border-radius:20px;padding:13px 23px;display:inline-block;transform:rotate(-5deg);box-shadow:0 12px 30px #d4b45a66}.search{background:#fff;border-radius:15px;gap:8px;max-width:710px;padding:8px;display:flex;box-shadow:0 12px 35px #af923e33}.search input{border:0;outline:0;flex:1;min-width:80px;padding:12px}.search select{background:#f8f8f8;border:0;border-radius:8px;padding:8px}.section{padding:45px 0}.section h2{margin:0 0 20px;font-size:27px}.categories{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.cat{border:1px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:15px;padding:18px 7px}.cat span{margin-bottom:8px;font-size:32px;display:block}.cat:hover,.card:hover{transform:translateY(-2px);box-shadow:0 9px 28px #00000012}.bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.filters{flex-wrap:wrap;gap:10px;display:flex}.filters select,.filters input{background:#fff;border:1px solid #ddd;border-radius:9px;padding:10px}.cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:17px;transition:all .2s;overflow:hidden}.pic{background:linear-gradient(140deg,#e6e9ec,#f5e5bf);place-items:center;height:180px;font-size:67px;display:grid;position:relative}.pill{background:var(--yellow);border-radius:7px;padding:5px 9px;font-size:12px;font-weight:800;position:absolute;top:13px;left:13px}.card h3{margin:0 0 9px;font-size:17px}.price{color:#d78d00;font-size:22px;font-weight:900}.muted{color:var(--muted);font-size:14px}.cardfoot{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.heart{background:#fff;border:1px solid #ddd;border-radius:9px;padding:8px 12px}.heart.on{color:#b81940;background:#ffe3e6}.banner{background:var(--yellow);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:30px;display:flex}.banner h2{margin:0 0 7px}.footer{color:#fff;background:#252525;margin-top:30px;padding:35px 0}.footer p{color:#ddd}.view{display:none}.view.active{display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;max-width:900px;margin:25px auto;padding:25px}.formgrid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{background:#fff;border:1px solid #d9d9d9;border-radius:9px;padding:12px}.field textarea{min-height:120px}.field label{font-weight:700}.notice{background:#fff4cb;border-radius:10px;margin:15px 0;padding:12px 15px;font-size:14px}.tabs{flex-wrap:wrap;gap:10px;margin:15px 0;display:flex}.tab{background:#fff;border:1px solid #ddd;border-radius:9px;padding:11px 16px}.tab.selected{background:var(--yellow);border-color:var(--yellow);font-weight:800}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat{background:var(--cream);border-radius:13px;padding:20px}.stat strong{font-size:30px;display:block}.itemrow{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.empty{text-align:center;color:var(--muted);padding:35px}.detailgrid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.detailpic{background:#f9edc9;border-radius:17px;place-items:center;min-height:270px;font-size:115px;display:grid}.hide{display:none!important}@media (width<=800px){.links{gap:6px}.links button{padding:5px;font-size:12px}.navin{flex-wrap:wrap;padding:10px 0}.hero-inner{grid-template-columns:1fr}.hero-art{display:none}.categories{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr}}@media (width<=520px){.brand{font-size:19px}.bee{width:39px;height:39px;font-size:23px}.links{justify-content:space-between;width:100%}.links button{font-size:11px}.hero{padding:42px 0}.search{flex-wrap:wrap}.search input{flex:auto;width:100%}.search select{flex:1}.categories{grid-template-columns:repeat(3,1fr)}.cards,.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}.stats{grid-template-columns:1fr}.banner{display:block}}.rental-tip{color:#75632e;margin-top:12px;font-size:13px}.field small{color:#777}.trust{background:#fff;border:1px solid #eee;border-radius:12px;margin-top:14px;padding:16px}.langnote{color:#5d4a16;background:#fff5ce;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.language-banner{color:#fff;text-align:center;background:#222;padding:9px;font-size:13px}.language-banner strong{color:#ffc629}@media (width<=520px){#siteLang{max-width:98px}}.amenity-filters{background:#fff9e9;border:1px solid #f4df9d;border-radius:13px;flex-wrap:wrap;align-items:end;gap:12px;margin:0 0 10px;padding:15px;display:flex}.amenity-filters label{flex-direction:column;gap:5px;font-size:13px;font-weight:700;display:flex}.amenity-filters select{background:#fff;border:1px solid #ddd;border-radius:9px;max-width:205px;padding:10px}.amenity-tags{flex-wrap:wrap;gap:5px;margin-top:11px;display:flex}.amenity-tag{color:#53421c;background:#fff4d1;border-radius:7px;padding:4px 7px;font-size:12px}.amenity-tag.unknown{color:#777;background:#f0f0f0}@media (width<=520px){.amenity-filters label{flex:42%}.amenity-filters select{width:100%}}.nav{background:#ffffffed;border-bottom:1px solid #f3ebd4;box-shadow:0 6px 25px #201b0b09}.navin{min-height:82px}.brand{letter-spacing:-.7px}.bee{background:#fff5d4 url(/__l5e/assets-v1/c2c83aa2-7954-429a-b0c9-27e3475df550/bee-mark.png) 50%/contain no-repeat;border:0;border-radius:14px;width:54px;height:54px;font-size:0;transform:none}.btn{border-radius:12px;box-shadow:0 5px 13px #f5bb2140}.btn:hover{filter:brightness(.97)}.hero{background:linear-gradient(90deg,#fff8e9 0%,#fff8e9ec 42%,#fff8e96e 67%,#fff8e900 100%),url(/tsubee/hero-reference.jpg) 50%/cover no-repeat;align-items:center;min-height:510px;display:flex;position:relative}.hero-inner{grid-template-columns:1.5fr .8fr;gap:15px}.hero h1{letter-spacing:-2px;color:#181818;text-shadow:0 2px 10px #fff8;font-size:clamp(34px,4.4vw,59px);font-weight:900}.hero p{color:#302f2a;text-shadow:0 2px 8px #fff;font-weight:600}.hero-art{flex-direction:column;justify-content:center;align-items:center;min-height:285px;display:flex}.mascot{filter:drop-shadow(0 13px 12px #1e160b35);background:url(/__l5e/assets-v1/49fa0fbd-5304-4501-89fd-230a74b7c625/tsubee-logo-v2.png) 50%/contain no-repeat;width:min(430px,100%);height:250px;display:block;font-size:0!important}.hero-art strong{background:#ffffffeb;border:1px solid #f3e8c4;font-size:15px;transform:rotate(-4deg)}.search{border:1px solid #f2e5b5;border-radius:22px;padding:9px;box-shadow:0 16px 42px #3b2c1240}.search .btn{border-radius:14px}.section h2{letter-spacing:-.7px;font-weight:900}.cat{background:linear-gradient(#fff,#fffdf6);border-radius:19px;box-shadow:0 4px 18px #3d2b1009}.cat:hover{border-color:#f7c737}.card{border-radius:21px;box-shadow:0 8px 30px #39250c0b}.card:hover{box-shadow:0 16px 38px #39250c20}.pill{border-radius:10px}.filters select,.filters input{border-radius:12px}.view{scroll-margin-top:90px}@media (width<=760px){.hero{background-position:65%;min-height:auto;padding:42px 0}.hero-inner{grid-template-columns:1fr}.hero-art{min-height:145px}.mascot{width:220px;height:120px}.hero h1{font-size:34px}.hero-art strong{font-size:12px}.navin{min-height:70px}.bee{width:42px;height:42px}}:root{--yellow:#ffca28;--ink:#1c1c1c;--cream:#fff8df;--line:#eee5d2}body{background:#fffdf6}.nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0}.navin{max-width:1300px}.brand{font-size:28px}.links button{border-radius:999px;padding:11px 14px}.links button:hover{background:#fff5d2}.hero{background:linear-gradient(90deg,#fff8e7f5 0%,#fff8e7d8 35%,#fff8e770 70%,#fff8e728 100%),url(/tsubee/hero-reference.jpg) 50%/cover no-repeat;min-height:540px}.hero-inner{grid-template-columns:1.4fr .7fr;max-width:1300px}.hero h1{letter-spacing:-2.5px;font-size:clamp(37px,4.6vw,65px);line-height:1.17}.hero p{max-width:670px}.hero-art{align-self:end}.mascot{filter:drop-shadow(0 16px 16px #342a1430);width:min(430px,100%);height:270px}.search{background:#fff;border:2px solid #ffd548;border-radius:20px;max-width:770px;padding:9px;box-shadow:0 16px 45px #533e1530}.search input{font-size:16px}.search .btn{border-radius:14px;padding:15px 23px}.section{padding-top:37px;padding-bottom:35px}.section h2{font-size:29px}.categories{gap:14px}.cat{background:linear-gradient(145deg,#fffdf2,#fff);border:1px solid #f5e9c6;min-height:116px;font-weight:800;box-shadow:0 10px 25px #7c58100d}.cat span{font-size:37px}.cards{gap:17px}.card{background:#fff;border-color:#f1e8d5;border-radius:21px;box-shadow:0 9px 25px #4e35100c}.pic{background:linear-gradient(130deg,#e4f1f4,#fce7b4);height:205px}.cardbody{padding:19px}.card h3{line-height:1.45}.price{color:#f07816;font-size:24px}.pill{background:#ffcd29;border-radius:99px;padding:6px 13px}.banner{background:linear-gradient(110deg,#ffde5a,#ffc629);border:1px solid #f2c33d;box-shadow:0 12px 35px #d2a82020}.banner h2{font-size:30px}.rental-shortcuts{z-index:2;max-width:1300px;margin:-22px auto 0;padding:0 22px;position:relative}.shortcut-inner{background:#fff9e8;border:1px solid #f2e3b9;border-radius:18px;flex-wrap:wrap;gap:10px;padding:15px 18px;display:flex;box-shadow:0 10px 30px #40300d15}.shortcut-label{align-self:center;margin-right:7px;font-weight:900}.shortcut{color:#29251d;cursor:pointer;background:#fff;border:1px solid #e9ddc0;border-radius:999px;padding:10px 15px;font-weight:750}.shortcut:hover,.shortcut.active{background:#ffca28;border-color:#ffca28}.shortcut:focus-visible{outline-offset:2px;outline:3px solid #aa8000}.value-strip{grid-template-columns:repeat(4,1fr);gap:12px;padding-top:14px;padding-bottom:40px;display:grid}.value-cell{background:#fff9e6;border:1px solid #f5e9c7;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.value-icon{font-size:30px}.value-cell strong{display:block}.value-cell small{color:#6d6556;margin-top:4px;display:block}@media (width<=800px){.hero{min-height:auto}.hero-art{min-height:125px;display:flex}.mascot{width:230px;height:125px}.hero-inner{grid-template-columns:1fr}.rental-shortcuts{margin:0 auto}.value-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.hero{padding:35px 0}.hero h1{font-size:38px}.hero-art{display:none}.shortcut-inner{gap:7px}.shortcut{padding:9px 11px;font-size:12px}.value-strip{grid-template-columns:1fr 1fr}.value-cell{gap:7px;padding:12px}.value-icon{font-size:23px}.value-cell small{font-size:11px}.search{padding:7px}.search .btn{width:100%}}
