:root{--bg:#faf8f3;--surface:#fff;--border:#e8e3d9;--border-strong:#d9d3c7;--text:#2f3a36;--muted:#77817b;--primary:#7fb09a;--accent:#3f8268;--accent-soft:#e8f1ec;--warm:#f2a65a;--bar:#e9f2ec;--danger:#cf222e;--lock:#8250df;--shadow:0 2px 10px #2f3a360f, 0 1px 3px #2f3a360d;--radius:16px;--appbar-h:60px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,PingFang TC,Microsoft JhengHei,sans-serif;line-height:1.5}button,input,select{font:inherit}.app-bar{z-index:20;height:var(--appbar-h);background:var(--bar);color:var(--text);border-bottom:1px solid var(--border);justify-content:flex-start;align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.app-bar .btn{color:var(--text);border-color:var(--border-strong);background:#fff9}.app-bar .btn:hover{background:#fff}.content{max-width:1000px;margin:0 auto;padding:1rem}.brand{align-items:center;gap:.55rem;display:flex}.brand__mark{filter:drop-shadow(0 1px 2px #2f3a362e);flex:none;width:36px;height:36px;display:block}.brand__word{color:var(--text);align-items:center;font-family:ZCOOL KuaiLe,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:1.5rem;font-weight:400;display:inline-flex}.brand__c{line-height:1.1;display:inline-block}.brand__c1{transform:translateY(-.25em)rotate(-5deg)}.brand__c2{transform:translateY(.25em)rotate(3deg)}.brand__c3{font-size:1.26em;transform:translateY(-.42em)rotate(-6deg)}.brand__accent{color:var(--warm)}.brand--hero{background:var(--accent-soft);box-shadow:var(--shadow);border-radius:22px;flex-direction:column;gap:.85rem;padding:1.75rem 2.25rem}.brand--hero .brand__mark{width:72px;height:72px}.brand--hero .brand__word{font-size:2.7rem}.top-nav{align-items:center;gap:.25rem;margin-left:auto;display:flex}.nav-link{color:var(--muted);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-link:hover{color:var(--text);background:#fff9}.nav-link--active{color:#fff;background:var(--accent)}.nav-link__soon{color:#fff;background:var(--warm);border-radius:6px;padding:.05rem .3rem;font-size:.62rem;font-weight:700}.seg-wrap{flex:1;justify-content:center;min-width:0;display:flex}.seg-nav{border:1px solid var(--border);background:#fff9;border-radius:999px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow:auto}.seg-nav__item{color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.seg-nav__item:hover{color:var(--text)}.seg-nav__item--active{background:var(--accent);color:#fff}.acct{flex:none;position:relative}.avatar-btn{border:1px solid var(--border-strong);cursor:pointer;background:#fff9;border-radius:999px;align-items:center;gap:.2rem;padding:.2rem .35rem .2rem .2rem;display:inline-flex}.avatar-btn:hover{background:#fff}.avatar-btn__chev{color:var(--muted);font-size:.8rem}.avatar{color:#fff;background:linear-gradient(145deg,#9ec7b2,#5f9580);border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;font-weight:700;display:inline-flex}.avatar--lg{width:40px;height:40px;font-size:1.1rem}.menu__backdrop{z-index:40;position:fixed;inset:0}.menu{z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:230px;padding:.4rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 10px 30px #2f3a3629}.menu__header{align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.menu__id{min-width:0}.menu__name{font-size:.9rem;font-weight:700}.menu__email{color:var(--muted);text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.menu__divider{background:var(--border);height:1px;margin:.35rem .2rem}.menu__item{color:var(--text);border-radius:9px;align-items:center;gap:.6rem;padding:.55rem .6rem;font-size:.9rem;text-decoration:none;display:flex}.menu__item:hover{background:var(--accent-soft)}.menu__item--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.menu__logout{cursor:pointer;width:100%;color:var(--danger);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:.6rem;padding:.55rem .6rem;font-size:.9rem;font-weight:600;display:flex}.menu__logout:hover{background:#fdecec}.tab-bar{display:none}.placeholder{text-align:center;color:var(--muted);padding:3rem 1rem}.placeholder__icon{font-size:2.5rem}.placeholder__title{color:var(--text);margin:.5rem 0 .25rem}.placeholder__note{margin:0}.settings{max-width:480px;margin:0 auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card__title{margin:0 0 1rem;font-size:1rem}.kv{grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0 0 1.25rem;font-size:.9rem;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:.5rem .9rem;font-size:.85rem;transition:background .12s}.btn:hover{background:var(--accent-soft)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:#356f58}.btn--block{width:100%;padding:.85rem 1rem;font-size:1rem;display:block}.summary{flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:120px;box-shadow:var(--shadow);flex:auto;padding:.7rem .95rem}.stat__label{color:var(--muted);margin:0;font-size:.72rem}.stat__value{font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.25rem;font-weight:700}.stat__value--accent{color:var(--accent)}.stat__value--warn{color:#bc4c00}.stat--warn{background:#fff3e0;border-color:#f3d3ad}.stat--btn{text-align:left;cursor:pointer;font:inherit}.stat--btn:hover{border-color:#e8a86a}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.toolbar__search{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;flex:220px;padding:.6rem .85rem}.toolbar__select{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;padding:.55rem .65rem}.toolbar__check{color:var(--text);white-space:nowrap;align-items:center;gap:.35rem;font-size:.88rem;display:flex}.toolbar__spacer{flex:auto}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table.grid{border-collapse:collapse;width:100%;font-size:.9rem}.grid thead th{top:var(--appbar-h);z-index:10;color:var(--muted);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;background:#eef4f0;padding:.6rem .8rem;font-size:.78rem;font-weight:600;position:sticky}.grid thead th:first-child{border-top-left-radius:var(--radius)}.grid thead th:last-child{border-top-right-radius:var(--radius)}.grid th.num,.grid td.num{text-align:right;font-variant-numeric:tabular-nums}.grid tbody td{vertical-align:middle;border-bottom:1px solid #efece4;padding:.6rem .8rem}.grid tbody tr:last-child td{border-bottom:none}.grid tbody tr:nth-child(2n){background:#faf9f4}.grid tbody tr:hover{background:var(--accent-soft)}.cell-company{font-weight:600}.cell-stock{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.cell-date{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.cell-gift{max-width:280px}.cell-gift__name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.cell-gift__cat{color:var(--muted);font-size:.78rem}.fee{font-variant-numeric:tabular-nums;font-weight:700}.fee--free{color:var(--muted);font-weight:500}.action-select{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;max-width:100%;padding:.35rem .5rem}.action-select:disabled{color:var(--muted);cursor:not-allowed;background:#f0f1ee}.lock-tag{color:var(--lock);align-items:center;gap:.25rem;font-size:.78rem;display:inline-flex}.miss-tag{color:#bc4c00;align-items:center;gap:.25rem;font-size:.78rem;font-weight:600;display:inline-flex}.row-error{color:var(--danger);margin-top:.25rem;font-size:.78rem}.cell-price{color:var(--text);white-space:nowrap}.collect-tag{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;padding:.1rem .5rem;font-size:.76rem;font-weight:600;display:inline-block}.shot-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.shot-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.cat-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:background .12s,border-color .12s,color .12s}.chip:hover{border-color:var(--accent)}.chip--on{background:var(--accent);border-color:var(--accent);color:#fff}.gcards{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.gcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.gcard--open{border-color:var(--border-strong)}.gcard__btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover:hover){.gcard__btn:hover{background:var(--accent-soft)}}.gcard__btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.gcard__head{align-items:center;gap:.6rem;padding:.7rem .85rem;display:flex}.gcard__title{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.gcard__badges{flex:none;align-items:center;gap:.4rem;display:flex}.gcard__chev{color:var(--muted);font-size:1.3rem;line-height:1;transition:transform .15s}.gcard--open .gcard__chev{transform:rotate(90deg)}.gcard__basic{flex-direction:column;gap:.45rem;padding:0 .85rem .7rem;display:flex}.gcard__gift{align-items:baseline;gap:.5rem;display:flex}.gcard__gift-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;font-weight:600;overflow:hidden}.pay-tag{white-space:nowrap;border-radius:999px;flex:none;align-self:center;padding:.1rem .5rem;font-size:.72rem;font-weight:600}.pay-tag--need{color:var(--danger);background:#fdecec}.pay-tag--none,.pay-tag--unann{background:var(--accent-soft);color:var(--muted)}.gcard__action{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gcard__detail{border-top:1px solid var(--border);background:#faf9f4;flex-direction:column;gap:.4rem;margin:0;padding:.6rem .85rem .75rem;display:flex}.gcard__drow{justify-content:space-between;align-items:center;gap:1rem;display:flex}.gcard__drow dt{color:var(--muted);font-size:.82rem}.gcard__drow dd{text-align:right;margin:0}.gcard__dnote{margin-left:.4rem;font-size:.76rem}.public-bar{z-index:20;height:var(--appbar-h);background:var(--bar);color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:0 1rem;display:flex;position:sticky;top:0}.public-bar__nav{align-items:center;gap:.25rem;margin-left:auto;display:flex}.public-bar__link{color:var(--muted);border-radius:999px;padding:.4rem .8rem;font-size:.9rem;font-weight:600;text-decoration:none}.public-bar__link:hover{color:var(--text);background:#fff9}.public-bar__link--active{color:#fff;background:var(--accent)}.picker__title{margin:.25rem 0 1rem;font-size:1.15rem}.picker__note{margin-top:1rem;font-size:.78rem}.picker-row--exp{cursor:pointer}.picker-chev{width:1em;color:var(--muted);font-size:.8rem;display:inline-block}.picker-hist-row td{background:var(--accent-soft)}.picker-hist__title{color:var(--accent);margin-bottom:.4rem;font-size:.74rem;font-weight:700}.picker-hist__list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.picker-hist__item{gap:.6rem;font-size:.82rem;display:flex}.picker-hist__year{width:3em;color:var(--text);font-variant-numeric:tabular-nums;flex:none;font-weight:700}.picker-hist__gift{color:var(--muted)}.seg{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:inline-flex}.seg__btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.85rem;font-weight:600}.seg__btn:hover{background:var(--accent-soft)}.seg__btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.modal-backdrop{z-index:50;background:#2f3a3680;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:720px;max-height:85vh;padding:1rem 1.25rem 1.5rem;overflow:auto;box-shadow:0 12px 40px #2f3a3640}.modal__head{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;padding-bottom:.75rem;display:flex;position:sticky;top:0}.modal__title{margin:0;font-size:1rem}.modal__close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1}.modal__close:hover{color:var(--text)}.shot-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.shot{margin:0}.shot__img{object-fit:cover;border:1px solid var(--border);border-radius:10px;width:100%;height:160px;display:block}.shot__img--placeholder{background:#eef4f0}.shot__cap{color:var(--text);margin-top:.3rem;font-size:.74rem}.cal__bar{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.cal__title{text-align:center;font-variant-numeric:tabular-nums;min-width:8.5rem;margin:0;font-size:1.05rem}.cal__legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.78rem;display:flex}.cal__legend-item{align-items:center;gap:.3rem;display:inline-flex}.cal-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.cal-dot--buy{background:#4a90d9}.cal-dot--vote{background:var(--primary)}.cal-dot--proxy{background:var(--warm)}.cal-dot--meeting{background:var(--danger)}.cal__year{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;display:grid}.cal__month{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:.55rem .6rem .65rem}.cal__mtitle{color:var(--accent);margin-bottom:.35rem;font-size:.9rem;font-weight:700}.cal__wdrow{grid-template-columns:repeat(7,1fr);display:grid}.cal__wd{text-align:center;color:var(--muted);padding-bottom:.2rem;font-size:.66rem;font-weight:600}.cal__week{grid-template-columns:repeat(7,1fr);display:grid}.cal__cell{min-height:30px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:2px 0 1px;display:flex;position:relative}.cal__cell--out{cursor:default}.cal__cell:not(.cal__cell--out):hover{background:var(--accent-soft)}.cal__cell--today .cal__day{background:var(--accent);color:#fff;border-radius:50%}.cal__cell--sel{border-color:var(--accent);background:var(--accent-soft)}.cal__day{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;display:inline-flex}.cal__dotrow{gap:2px;height:5px;display:inline-flex}.cal__dotrow .cal-dot{width:5px;height:5px}.cal-pop__backdrop{z-index:40;position:fixed;inset:0}.cal-pop{z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-height:50vh;padding:.6rem .75rem;position:fixed;overflow:auto;box-shadow:0 8px 28px #2f3a3638}.cal-pop__head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.4rem;display:flex}.cal-pop__date{font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.cal-pop__list{flex-direction:column;gap:.85rem;display:flex}.cal-pop__ghead{align-items:center;gap:.4rem;font-size:.85rem;display:flex}.cal-pop__status{font-weight:700}.cal-pop__stocks{flex-direction:column;gap:.15rem;margin:.25rem 0 0;padding-left:calc(8px + .4rem);list-style:none;display:flex}.cal-pop__stock{color:var(--text);font-size:.82rem}.badge{white-space:nowrap;border-radius:999px;padding:.12rem .55rem;font-size:.76rem;font-weight:600;display:inline-block}.badge--missed{color:#bc4c00;background:#fff3e0}.faq{max-width:720px;margin:0 auto}.faq__head{text-align:center;margin-bottom:1.5rem}.faq__title{margin:0 0 .35rem;font-size:1.4rem}.faq__lead{color:var(--muted);margin:0;font-size:.92rem}.faq__group{margin-bottom:1.75rem}.faq__group-title{color:var(--accent);align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1.05rem;display:flex}.faq__list{flex-direction:column;gap:.6rem;display:flex}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.faq__item[open]{border-color:var(--border-strong)}.faq__q{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.1rem;font-weight:600;list-style:none;display:flex}.faq__q::-webkit-details-marker{display:none}.faq__q-text{flex:1}.faq__chev{color:var(--muted);flex-shrink:0;transition:transform .18s}.faq__item[open] .faq__chev{transform:rotate(180deg)}.faq__a{color:var(--muted);margin:0;padding:0 1.1rem 1.05rem;font-size:.92rem;line-height:1.7}.faq__contact{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);margin-top:.5rem;padding:1.25rem 1.4rem}.faq__contact-title{color:var(--accent);align-items:center;gap:.5rem;margin:0 0 .4rem;font-size:1.05rem;display:flex}.faq__contact-lead{color:var(--text);margin:0 0 .9rem;font-size:.9rem}.faq__contact-list{flex-direction:column;gap:.55rem;margin:0 0 .9rem;padding:0;list-style:none;display:flex}.faq__contact-item{align-items:center;gap:.6rem;font-size:.92rem;display:flex}.faq__contact-icon{flex:none}.faq__contact-label{color:var(--text);flex:none;font-weight:600}.faq__contact-value{color:var(--muted)}.faq__contact-value--link{color:var(--accent);font-weight:600;text-decoration:none}.faq__contact-value--link:hover{text-decoration:underline}.faq__contact-note{color:var(--muted);margin:0;font-size:.82rem;line-height:1.6}.muted{color:var(--muted)}.center{text-align:center;padding:2.5rem 1rem}.err-text{color:var(--danger);margin-bottom:1rem}.login{text-align:center;max-width:380px;margin:0 auto;padding:3rem 1.5rem}.login .brand--hero{margin:0 auto 1.25rem;display:inline-flex}.login__tagline{color:var(--text);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.login__sub{color:var(--muted);margin:0 0 2rem}.login__buttons{flex-direction:column;gap:.75rem;display:flex}.warn{background:#fff8c5;border:1px solid #d4a72c;border-radius:10px;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.85rem}@media (width<=640px){.content{padding:.75rem .75rem 4.75rem}.top-nav,.seg-nav{display:none}.tab-bar{z-index:30;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #2f3a3614}.tab{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:.45rem 0 .55rem;font-size:.7rem;text-decoration:none;display:flex}.tab--active{color:var(--accent)}.tab__icon{font-size:1.25rem;line-height:1}.grid thead{display:none}.grid,.grid tbody,.grid tr,.grid td{width:100%;display:block}.table-wrap{box-shadow:none;background:0 0;border:none;overflow:visible}.grid tr{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.6rem;padding:.35rem .15rem;background:var(--surface)!important}.grid tbody td{text-align:right;border-bottom:1px solid #f1efe8;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .85rem;display:flex}.grid tbody tr td:last-child{border-bottom:none}.grid td:before{content:attr(data-label);color:var(--muted);text-align:left;white-space:nowrap;font-size:.8rem;font-weight:600}.cell-gift{max-width:none}.cell-gift__name{white-space:normal;text-align:right}}